@operato/scene-scichart 7.0.7 → 7.1.0

package/src/templates/scichart-multiple-timeseries.ts

@@ -0,0 +1,87 @@
+const icon = new URL('../../icons/scichart-multiple-timeseries.png', import.meta.url).href
+
+function getRandomInRange(min: number, max: number) {
+  return Math.floor(Math.random() * (max - min + 1)) + min
+}
+
+// 랜덤 데이터를 생성하는 함수
+function generateRandomData(count: number) {
+  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']
+  }
+}

package/things-scene.config.js

@@ -1,9 +1,7 @@
 import editors from './dist/editors'
-// import groups from './dist/groups'
 import templates from './dist/templates'
 
 export default {
   templates,
   editors
-  // groups
 }

package/translations/en.json

@@ -1,3 +1,5 @@
 {
-  "component.scichart-timeseries": "timeseries scichart"
+  "component.scichart-timeseries": "timeseries",
+  "component.scichart-multiple-timeseries": "multiple timeseries",
+  "label.show-overview": "show overview"
 }

package/translations/ja.json

@@ -1,3 +1,5 @@
 {
-  "component.scichart-timeseries": "タイムシリーズ scichart"
+  "component.scichart-timeseries": "タイムシリーズ",
+  "component.scichart-multiple-timeseries": "マルチチャート タイムシリーズ",
+  "label.show-overview": "概要 表示"
 }

package/translations/ko.json

@@ -1,3 +1,5 @@
 {
-  "component.scichart-timeseries": "타임시리즈 scichart"
+  "component.scichart-timeseries": "타임시리즈",
+  "component.scichart-multiple-timeseries": "다중차트 타임시리즈",
+  "label.show-overview": "오버뷰 보이기"
 }

package/translations/ms.json

@@ -1,3 +1,5 @@
 {
-  "component.scichart-timeseries": "timeseries scichart"
+  "component.scichart-timeseries": "siri masa",
+  "component.scichart-multiple-timeseries": "masa siri berbilang carta",
+  "label.show-overview": "tunjukkan gambaran keseluruhan"
 }

package/translations/zh.json

@@ -1,3 +1,5 @@
 {
-  "component.scichart-timeseries": "时间序列 scichart"
+  "component.scichart-timeseries": "时间序列",
+  "component.scichart-multiple-timeseries": "多图表 时间序列",
+  "label.show-overview": "显示 概述"
 }