@operato/scene-scichart 8.0.0-beta.1 → 8.0.0

package/src/scichart-timeseries.ts

@@ -1,51 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'scichart',
-      label: '',
-      name: 'chart'
-    }
-  ],
-  help: 'scene/component/scichart-timeseries'
-}
-
-import './charts/ox-scichart'
-
-import { Component, HTMLOverlayContainer, Properties, ComponentNature, error } from '@hatiolab/things-scene'
-
-import { OxSciChart } from './charts/ox-scichart'
-
-export default class ScichartTimeSeries extends HTMLOverlayContainer {
-  static get nature() {
-    return NATURE
-  }
-
-  setElementProperties(scichart: OxSciChart) {
-    const { data, chart } = this.state
-
-    scichart.config = chart
-    scichart.data = data
-  }
-
-  dispose() {
-    super.dispose()
-    ;(this.element as OxSciChart)?.dispose()
-  }
-
-  get tagName() {
-    return 'ox-scichart'
-  }
-
-  async onchangeData(after: Properties, before: Properties): Promise<void> {
-    ;(this.element as OxSciChart).data = this.data
-  }
-}
-
-Component.register('scichart-timeseries', ScichartTimeSeries)

package/src/templates/index.ts

@@ -1,4 +0,0 @@
-import scichartTimeseries from './scichart-timeseries'
-import scichartMultipleTimeseries from './scichart-multiple-timeseries'
-
-export default [scichartTimeseries, scichartMultipleTimeseries]

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

@@ -1,87 +0,0 @@
-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: []
-  }
-}

package/src/templates/scichart-timeseries.ts

@@ -1,73 +0,0 @@
-const icon = new URL('../../icons/scichart-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-timeseries',
-  description: 'scichart-timeseries',
-  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */
-  group: 'chartAndGauge',
-  icon,
-  model: {
-    type: 'scichart-timeseries',
-    left: 10,
-    top: 10,
-    width: 400,
-    height: 300,
-    data,
-    chart: {
-      type: 'timeseries',
-      data: {
-        datasets: [
-          {
-            dataKey: 'count',
-            label: '',
-            type: 'line',
-            borderWidth: 1
-          }
-        ],
-        labelDataKey: 'timestamp'
-      },
-      options: {
-        scales: {
-          xAxes: [
-            {
-              ticks: { beginAtZero: true }
-            }
-          ],
-          yAxes: [
-            {
-              ticks: { beginAtZero: true }
-            }
-          ]
-        },
-        legend: { display: true }
-      }
-    }
-  }
-}

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "lib": ["es2019", "dom"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "src",
-    "skipLibCheck": true,
-    "declaration": true,
-    "incremental": true
-  },
-  "include": ["**/*.ts", "*.d.ts"]
-}