@operato/scene-scichart 7.0.5 → 7.1.0

package/dist/templates/scichart-multiple-timeseries.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        data: {
+            timestamp: number;
+            count: number;
+            average: number;
+        }[];
+        chart: {
+            type: string;
+            data: {
+                datasets: {
+                    dataKey: string;
+                    label: string;
+                    type: string;
+                    borderWidth: number;
+                    color: string;
+                }[];
+                labelDataKey: string;
+            };
+            options: {
+                scales: {
+                    xAxes: {
+                        ticks: {
+                            beginAtZero: boolean;
+                        };
+                    }[];
+                    yAxes: {
+                        ticks: {
+                            beginAtZero: boolean;
+                        };
+                    }[];
+                };
+                legend: {
+                    display: boolean;
+                };
+                annotations: never[];
+                tooltip: boolean;
+            };
+        };
+        showOverview: boolean;
+        visibleSeries: string[];
+    };
+};
+export default _default;

package/dist/templates/scichart-multiple-timeseries.js

@@ -0,0 +1,81 @@
+const icon = new URL('../../icons/scichart-multiple-timeseries.png', import.meta.url).href;
+function getRandomInRange(min, max) {
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+// 랜덤 데이터를 생성하는 함수
+function generateRandomData(count) {
+    const randomData = [];
+    const startTimestamp = Math.floor(Date.now()); // 현재 시간을 Unix 타임스탬프로 설정
+    for (let i = 0; i < count; i++) {
+        const timestamp = startTimestamp + i * 360 * 30 * 1000; // 3초씩 증가하는 타임스탬프 설정
+        const randomCount = getRandomInRange(5, 35); // count 값을 5에서 35 사이로 랜덤 생성
+        const randomAverage = getRandomInRange(50, 150); // average 값을 50에서 150 사이로 랜덤 생성
+        randomData.push({
+            timestamp: timestamp,
+            count: randomCount,
+            average: randomAverage
+        });
+    }
+    return randomData;
+}
+// 100개의 랜덤 데이터를 생성
+const data = generateRandomData(100);
+export default {
+    type: 'scichart-multiple-timeseries',
+    description: 'scichart-multiple-timeseries',
+    /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
+    group: 'chartAndGauge',
+    icon,
+    model: {
+        type: 'scichart-multiple-timeseries',
+        left: 10,
+        top: 10,
+        width: 600,
+        height: 60,
+        data,
+        chart: {
+            type: 'timeseries',
+            data: {
+                datasets: [
+                    {
+                        dataKey: 'count',
+                        label: '',
+                        type: 'line',
+                        borderWidth: 1,
+                        color: 'green'
+                    },
+                    {
+                        dataKey: 'average',
+                        label: '',
+                        type: 'line',
+                        borderWidth: 1,
+                        color: 'red'
+                    }
+                ],
+                labelDataKey: 'timestamp'
+            },
+            options: {
+                scales: {
+                    xAxes: [
+                        {
+                            ticks: { beginAtZero: true }
+                        }
+                    ],
+                    yAxes: [
+                        {
+                            ticks: { beginAtZero: true }
+                        }
+                    ]
+                },
+                legend: {
+                    display: false
+                },
+                annotations: [],
+                tooltip: true
+            }
+        },
+        showOverview: true,
+        visibleSeries: ['count', 'average']
+    }
+};
+//# sourceMappingURL=scichart-multiple-timeseries.js.map

package/dist/templates/scichart-multiple-timeseries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scichart-multiple-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-multiple-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,8CAA8C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE1F,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,8BAA8B;IACpC,WAAW,EAAE,8BAA8B;IAC3C,gGAAgG;IAChG,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,8BAA8B;QACpC,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;wBACd,KAAK,EAAE,OAAO;qBACf;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;wBACd,KAAK,EAAE,KAAK;qBACb;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,KAAK;iBACf;gBACD,WAAW,EAAE,EAAE;gBACf,OAAO,EAAE,IAAI;aACd;SACF;QACD,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;KACpC;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-multiple-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n  const randomData = []\n  const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n  for (let i = 0; i < count; i++) {\n    const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n    const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n    const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n    randomData.push({\n      timestamp: timestamp,\n      count: randomCount,\n      average: randomAverage\n    })\n  }\n\n  return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n  type: 'scichart-multiple-timeseries',\n  description: 'scichart-multiple-timeseries',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  group: 'chartAndGauge',\n  icon,\n  model: {\n    type: 'scichart-multiple-timeseries',\n    left: 10,\n    top: 10,\n    width: 600,\n    height: 60,\n    data,\n    chart: {\n      type: 'timeseries',\n      data: {\n        datasets: [\n          {\n            dataKey: 'count',\n            label: '',\n            type: 'line',\n            borderWidth: 1,\n            color: 'green'\n          },\n          {\n            dataKey: 'average',\n            label: '',\n            type: 'line',\n            borderWidth: 1,\n            color: 'red'\n          }\n        ],\n        labelDataKey: 'timestamp'\n      },\n      options: {\n        scales: {\n          xAxes: [\n            {\n              ticks: { beginAtZero: true }\n            }\n          ],\n          yAxes: [\n            {\n              ticks: { beginAtZero: true }\n            }\n          ]\n        },\n        legend: {\n          display: false\n        },\n        annotations: [],\n        tooltip: true\n      }\n    },\n    showOverview: true,\n    visibleSeries: ['count', 'average']\n  }\n}\n"]}

package/dist/templates/scichart-timeseries.d.ts

@@ -17,39 +17,22 @@ declare const _default: {
         chart: {
             type: string;
             data: {
-                datasets: ({
+                datasets: {
                     dataKey: string;
                     label: string;
                     type: string;
-                    color: string;
                     borderWidth: number;
-                    fill?: undefined;
-                    lineTension?: undefined;
-                    pointStyle?: undefined;
-                    pointRadius?: undefined;
-                } | {
-                    dataKey: string;
-                    label: string;
-                    type: string;
-                    color: string;
-                    fill: boolean;
-                    lineTension: number;
-                    pointStyle: string;
-                    pointRadius: number;
-                    borderWidth?: undefined;
-                })[];
+                }[];
                 labelDataKey: string;
             };
             options: {
                 scales: {
                     xAxes: {
-                        axisTitle: string;
                         ticks: {
                             beginAtZero: boolean;
                         };
                     }[];
                     yAxes: {
-                        axisTitle: string;
                         ticks: {
                             beginAtZero: boolean;
                         };

package/dist/templates/scichart-timeseries.js

@@ -34,25 +34,14 @@ export default {
         height: 300,
         data,
         chart: {
-            type: 'line' /* TODO change to 'timeseries' */,
+            type: 'timeseries',
             data: {
                 datasets: [
                     {
                         dataKey: 'count',
-                        label: 'Line Series count',
+                        label: '',
                         type: 'line',
-                        color: 'rgba(255, 99, 132, 1)',
                         borderWidth: 1
-                    },
-                    {
-                        dataKey: 'average',
-                        label: 'Line Series average',
-                        type: 'line',
-                        color: 'rgba(54, 162, 235, 1)',
-                        fill: false,
-                        lineTension: 0.4,
-                        pointStyle: 'circle',
-                        pointRadius: 3
                     }
                 ],
                 labelDataKey: 'timestamp'
@@ -61,17 +50,11 @@ export default {
                 scales: {
                     xAxes: [
                         {
-                            axisTitle: 'timestamp',
                             ticks: { beginAtZero: true }
                         }
                     ],
                     yAxes: [
                         {
-                            axisTitle: 'count',
-                            ticks: { beginAtZero: true }
-                        },
-                        {
-                            axisTitle: 'average',
                             ticks: { beginAtZero: true }
                         }
                     ]

package/dist/templates/scichart-timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,qBAAqB;IAC3B,WAAW,EAAE,qBAAqB;IAClC,gGAAgG;IAChG,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,iCAAiC;YAC9C,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,mBAAmB;wBAC1B,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,uBAAuB;wBAC9B,WAAW,EAAE,CAAC;qBACf;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,qBAAqB;wBAC5B,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,uBAAuB;wBAC9B,IAAI,EAAE,KAAK;wBACX,WAAW,EAAE,GAAG;wBAChB,UAAU,EAAE,QAAQ;wBACpB,WAAW,EAAE,CAAC;qBACf;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE,WAAW;4BACtB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE,OAAO;4BAClB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;wBACD;4BACE,SAAS,EAAE,SAAS;4BACpB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAC1B;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n  const randomData = []\n  const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n  for (let i = 0; i < count; i++) {\n    const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n    const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n    const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n    randomData.push({\n      timestamp: timestamp,\n      count: randomCount,\n      average: randomAverage\n    })\n  }\n\n  return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n  type: 'scichart-timeseries',\n  description: 'scichart-timeseries',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  group: 'chartAndGauge',\n  icon,\n  model: {\n    type: 'scichart-timeseries',\n    left: 10,\n    top: 10,\n    width: 400,\n    height: 300,\n    data,\n    chart: {\n      type: 'line' /* TODO change to 'timeseries' */,\n      data: {\n        datasets: [\n          {\n            dataKey: 'count',\n            label: 'Line Series count',\n            type: 'line',\n            color: 'rgba(255, 99, 132, 1)',\n            borderWidth: 1\n          },\n          {\n            dataKey: 'average',\n            label: 'Line Series average',\n            type: 'line',\n            color: 'rgba(54, 162, 235, 1)',\n            fill: false,\n            lineTension: 0.4,\n            pointStyle: 'circle',\n            pointRadius: 3\n          }\n        ],\n        labelDataKey: 'timestamp'\n      },\n      options: {\n        scales: {\n          xAxes: [\n            {\n              axisTitle: 'timestamp',\n              ticks: { beginAtZero: true }\n            }\n          ],\n          yAxes: [\n            {\n              axisTitle: 'count',\n              ticks: { beginAtZero: true }\n            },\n            {\n              axisTitle: 'average',\n              ticks: { beginAtZero: true }\n            }\n          ]\n        },\n        legend: { display: true }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,qBAAqB;IAC3B,WAAW,EAAE,qBAAqB;IAClC,gGAAgG;IAChG,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;qBACf;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAC1B;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n  const randomData = []\n  const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n  for (let i = 0; i < count; i++) {\n    const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n    const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n    const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n    randomData.push({\n      timestamp: timestamp,\n      count: randomCount,\n      average: randomAverage\n    })\n  }\n\n  return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n  type: 'scichart-timeseries',\n  description: 'scichart-timeseries',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  group: 'chartAndGauge',\n  icon,\n  model: {\n    type: 'scichart-timeseries',\n    left: 10,\n    top: 10,\n    width: 400,\n    height: 300,\n    data,\n    chart: {\n      type: 'timeseries',\n      data: {\n        datasets: [\n          {\n            dataKey: 'count',\n            label: '',\n            type: 'line',\n            borderWidth: 1\n          }\n        ],\n        labelDataKey: 'timestamp'\n      },\n      options: {\n        scales: {\n          xAxes: [\n            {\n              ticks: { beginAtZero: true }\n            }\n          ],\n          yAxes: [\n            {\n              ticks: { beginAtZero: true }\n            }\n          ]\n        },\n        legend: { display: true }\n      }\n    }\n  }\n}\n"]}

package/helps/scene/component/scichart-multiple-timeseries.md

@@ -0,0 +1,23 @@
+# Scichart Multiple Timeseries Component
+
+The Scichart Multiple Timeseries component is designed to render multiple time-series charts using the SciChart library. This component supports displaying multiple datasets and includes an optional overview chart for better visualization of large datasets.
+
+## Features
+
+- Render multiple time-series charts.
+- Optional overview chart for dataset visualization.
+- Configurable appearance and behavior through component properties.
+- Dynamic updating of chart data and visibility of series.
+
+## Properties
+
+- **show-overview**
+  - Boolean property to toggle the display of the overview chart.
+- **chart**
+  - The configuration for the chart. This includes settings for data, chart type, options, etc.
+- **visibleSeries**
+  - An array of series names that should be visible on the chart.
+
+## Usage
+
+To use this component, import it and define the `scichart-multiple-timeseries` element in your scene. Configure the `chart` property with the desired chart configuration, provide the data to be visualized, and specify which series should be visible.

package/helps/scene/component/scichart-timeseries.md

@@ -0,0 +1,18 @@
+# Scichart Time Series Component
+
+The Scichart Time Series component is designed to render time-series charts using the SciChart library. It supports a variety of chart configurations and can dynamically update based on the provided data.
+
+## Features
+
+- Render time-series charts with various configurations.
+- Dynamic updating of chart data.
+- Configurable appearance and behavior through component properties.
+
+## Properties
+
+- **chart**
+  - The configuration for the chart. This includes settings for data, chart type, options, etc.
+
+## Usage
+
+To use this component, import it and define the `scichart-timeseries` element in your scene. Configure the `chart` property with the desired chart configuration and provide the data to be visualized.

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -6,19 +6,19 @@
     "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
     "files": [
         {
-            "date": 1720446545556,
-            "name": "logs/application-2024-07-08-22.log",
-            "hash": "7fcc686ecc569ede502789c107abe94478fe09d4ecb48190c17a4f853cc2b16e"
+            "date": 1722103523220,
+            "name": "logs/application-2024-07-28-03.log",
+            "hash": "f820440d24499f2176bd4ccbc47bf82f5028c1e4b885e441b44ade1f40003223"
         },
         {
-            "date": 1720447467137,
-            "name": "logs/application-2024-07-08-23.log",
-            "hash": "985c4351af94b888a6eab9b1da33b24ff2fb9ddddbb8d199b9ac3e5d3c7e9424"
+            "date": 1722154900827,
+            "name": "logs/application-2024-07-28-17.log",
+            "hash": "48079c1cf9acbb809b7d8170b5b6c1ab4372fde4e9c849ee2434d949e075dfca"
         },
         {
-            "date": 1720506139667,
-            "name": "logs/application-2024-07-09-15.log",
-            "hash": "a2aab5f434630a405dd0b9035b0496dc9b973a5f7f9108b6a8678c1f050f1e51"
+            "date": 1722158687359,
+            "name": "logs/application-2024-07-28-18.log",
+            "hash": "6f178eef875a2e8a0aac6b30aea81a2b26480d15e99d284b0a166092d633178c"
         }
     ],
     "hashType": "sha256"

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -6,19 +6,34 @@
     "auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
     "files": [
         {
-            "date": 1720446547486,
-            "name": "logs/connections-2024-07-08-22.log",
-            "hash": "8439fe85300e54e43d01f6b2619ee5a17a82873270943b5525e630655001f9f7"
+            "date": 1721712502089,
+            "name": "logs/connections-2024-07-23-14.log",
+            "hash": "4d9d3b46cca320aa5041f14f208c0a0ace9526d5b21cff066cd4400009801fb3"
         },
         {
-            "date": 1720447469016,
-            "name": "logs/connections-2024-07-08-23.log",
-            "hash": "e4fe93e478639b437c486609da51f524b2ee8459e461302bcc9ba12c6f44efa9"
+            "date": 1721917409409,
+            "name": "logs/connections-2024-07-25-23.log",
+            "hash": "466ed531d735efadc5c24fe3166214114b57833f51b4a8091f0735463c3b5c60"
         },
         {
-            "date": 1720506141428,
-            "name": "logs/connections-2024-07-09-15.log",
-            "hash": "6b95c7e3c0c7447dec6b30b0ee67964fb9df9bea8da42d26cd31863b833d42fa"
+            "date": 1721984985587,
+            "name": "logs/connections-2024-07-26-18.log",
+            "hash": "e3d9bfeb155df27a983c6e0f6e18b95c93a086ad507baec9b626cde957951efb"
+        },
+        {
+            "date": 1722103525156,
+            "name": "logs/connections-2024-07-28-03.log",
+            "hash": "82ed3730407210f2178db5b9a2463bb964e36038bfabca76382a7675d72b1c01"
+        },
+        {
+            "date": 1722154903515,
+            "name": "logs/connections-2024-07-28-17.log",
+            "hash": "19b9802a1e885d087c4bc3c64851da771895e7657831f8daeb68c48d7fac4278"
+        },
+        {
+            "date": 1722158689306,
+            "name": "logs/connections-2024-07-28-18.log",
+            "hash": "6715a035a47e3a8b70da488fd65fd5e346677470938676667738e8fd477f15dd"
         }
     ],
     "hashType": "sha256"

package/logs/{application-2024-07-08-22.log → application-2024-07-28-03.log}

@@ -1,5 +1,5 @@
-2024-07-08T22:49:06+09:00 info: File Storage is Ready.
-2024-07-08T22:49:07+09:00 error: Error: Cannot find module 'oracledb'
+2024-07-28T03:05:24+09:00 info: File Storage is Ready.
+2024-07-28T03:05:25+09:00 error: Error: Cannot find module 'oracledb'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/connector/oracle-connector.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/connector/index.js
@@ -25,7 +25,7 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-07-08T22:49:07+09:00 error: Error: Cannot find module 'oracledb'
+2024-07-28T03:05:25+09:00 error: Error: Cannot find module 'oracledb'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/task/oracle-procedure.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/task/index.js
@@ -46,12 +46,12 @@ Require stack:
     at Module._load (node:internal/modules/cjs/loader:1024:12)
     at Module.require (node:internal/modules/cjs/loader:1233:19)
     at require (node:internal/modules/helpers:179:18)
-    at Object.<anonymous> (/Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/task/index.js:42:1)
+    at Object.<anonymous> (/Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/integration-base/dist-server/engine/task/index.js:43:1)
     at Module._compile (node:internal/modules/cjs/loader:1358:14)
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-07-08T22:49:08+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
+2024-07-28T03:05:25+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/controllers/print.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/controllers/index.js
@@ -76,7 +76,7 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-07-08T22:49:08+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
+2024-07-28T03:05:26+09:00 error: Error: Cannot find module '@thiagoelg/node-printer'
 Require stack:
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/print-service/dist-server/middlewares/index.js
 - /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/print-service/dist-server/index.js
@@ -100,6 +100,6 @@ Require stack:
     at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
     at Module.load (node:internal/modules/cjs/loader:1208:32)
     at Module._load (node:internal/modules/cjs/loader:1024:12)
-2024-07-08T22:49:08+09:00 info: Default DataSource established
-2024-07-08T22:49:10+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
-2024-07-08T22:49:10+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql
+2024-07-28T03:05:26+09:00 info: Default DataSource established
+2024-07-28T03:05:29+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2024-07-28T03:05:29+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql