@operato/scene-scichart 7.0.2 → 7.0.4

package/logs/connections-2024-07-08-22.log

@@ -0,0 +1,50 @@
+2024-07-08T22:49:10+09:00 info: Initializing ConnectionManager...
+2024-07-08T22:49:10+09:00 info: Connector 'echo-back-server' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'echo-back' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'http-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'graphql-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'sqlite-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'postgresql-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'mqtt-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'mssql-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'oracle-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'mysql-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'socket-server' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'operato-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'email-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'influxdb-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'msgraph-connector' started to ready
+2024-07-08T22:49:10+09:00 info: Connector 'proxy-connector' started to ready
+2024-07-08T22:49:10+09:00 info: echo-back-servers are ready
+2024-07-08T22:49:10+09:00 info: echo-back connections are ready
+2024-07-08T22:49:10+09:00 info: http-connector connections are ready
+2024-07-08T22:49:10+09:00 info: graphql-connector connections are ready
+2024-07-08T22:49:10+09:00 info: sqlite-connector connections are ready
+2024-07-08T22:49:10+09:00 info: postgresql-connector connections are ready
+2024-07-08T22:49:10+09:00 info: mqtt-connector connections are ready
+2024-07-08T22:49:10+09:00 info: mssql-connector connections are ready
+2024-07-08T22:49:10+09:00 info: oracle-connector connections are ready
+2024-07-08T22:49:10+09:00 info: mysql-connector connections are ready
+2024-07-08T22:49:10+09:00 info: socket servers are ready
+2024-07-08T22:49:10+09:00 info: operato-connector connections are ready
+2024-07-08T22:49:10+09:00 info: email connections are ready
+2024-07-08T22:49:10+09:00 info: influxdb connections are ready
+2024-07-08T22:49:10+09:00 info: msgraph-connector connections are ready
+2024-07-08T22:49:10+09:00 info: proxy-connector connections are ready
+2024-07-08T22:49:10+09:00 info: All connector for 'echo-back-server' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'echo-back' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'http-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'graphql-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'sqlite-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'postgresql-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'mqtt-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'mssql-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'oracle-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'mysql-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'socket-server' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'operato-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'email-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'influxdb-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'msgraph-connector' ready
+2024-07-08T22:49:10+09:00 info: All connector for 'proxy-connector' ready
+2024-07-08T22:49:10+09:00 info: ConnectionManager initialization done:

package/logs/connections-2024-07-08-23.log

@@ -0,0 +1,100 @@
+2024-07-08T23:04:31+09:00 info: Initializing ConnectionManager...
+2024-07-08T23:04:31+09:00 info: Connector 'echo-back-server' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'echo-back' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'http-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'graphql-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'sqlite-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'postgresql-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'mqtt-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'mssql-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'oracle-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'mysql-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'socket-server' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'operato-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'email-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'influxdb-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'msgraph-connector' started to ready
+2024-07-08T23:04:31+09:00 info: Connector 'proxy-connector' started to ready
+2024-07-08T23:04:31+09:00 info: echo-back-servers are ready
+2024-07-08T23:04:31+09:00 info: echo-back connections are ready
+2024-07-08T23:04:31+09:00 info: http-connector connections are ready
+2024-07-08T23:04:31+09:00 info: graphql-connector connections are ready
+2024-07-08T23:04:31+09:00 info: sqlite-connector connections are ready
+2024-07-08T23:04:31+09:00 info: postgresql-connector connections are ready
+2024-07-08T23:04:31+09:00 info: mqtt-connector connections are ready
+2024-07-08T23:04:31+09:00 info: mssql-connector connections are ready
+2024-07-08T23:04:31+09:00 info: oracle-connector connections are ready
+2024-07-08T23:04:31+09:00 info: mysql-connector connections are ready
+2024-07-08T23:04:31+09:00 info: socket servers are ready
+2024-07-08T23:04:31+09:00 info: operato-connector connections are ready
+2024-07-08T23:04:31+09:00 info: email connections are ready
+2024-07-08T23:04:31+09:00 info: influxdb connections are ready
+2024-07-08T23:04:31+09:00 info: msgraph-connector connections are ready
+2024-07-08T23:04:31+09:00 info: proxy-connector connections are ready
+2024-07-08T23:04:31+09:00 info: All connector for 'echo-back-server' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'echo-back' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'http-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'graphql-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'sqlite-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'postgresql-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'mqtt-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'mssql-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'oracle-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'mysql-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'socket-server' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'operato-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'email-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'influxdb-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'msgraph-connector' ready
+2024-07-08T23:04:31+09:00 info: All connector for 'proxy-connector' ready
+2024-07-08T23:04:31+09:00 info: ConnectionManager initialization done:
+2024-07-08T23:05:33+09:00 info: Initializing ConnectionManager...
+2024-07-08T23:05:33+09:00 info: Connector 'echo-back-server' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'echo-back' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'http-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'graphql-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'sqlite-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'postgresql-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'mqtt-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'mssql-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'oracle-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'mysql-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'socket-server' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'operato-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'email-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'influxdb-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'msgraph-connector' started to ready
+2024-07-08T23:05:33+09:00 info: Connector 'proxy-connector' started to ready
+2024-07-08T23:05:33+09:00 info: echo-back-servers are ready
+2024-07-08T23:05:33+09:00 info: echo-back connections are ready
+2024-07-08T23:05:33+09:00 info: http-connector connections are ready
+2024-07-08T23:05:33+09:00 info: graphql-connector connections are ready
+2024-07-08T23:05:33+09:00 info: sqlite-connector connections are ready
+2024-07-08T23:05:33+09:00 info: postgresql-connector connections are ready
+2024-07-08T23:05:33+09:00 info: mqtt-connector connections are ready
+2024-07-08T23:05:33+09:00 info: mssql-connector connections are ready
+2024-07-08T23:05:33+09:00 info: oracle-connector connections are ready
+2024-07-08T23:05:33+09:00 info: mysql-connector connections are ready
+2024-07-08T23:05:33+09:00 info: socket servers are ready
+2024-07-08T23:05:33+09:00 info: operato-connector connections are ready
+2024-07-08T23:05:33+09:00 info: email connections are ready
+2024-07-08T23:05:33+09:00 info: influxdb connections are ready
+2024-07-08T23:05:33+09:00 info: msgraph-connector connections are ready
+2024-07-08T23:05:33+09:00 info: proxy-connector connections are ready
+2024-07-08T23:05:33+09:00 info: All connector for 'echo-back-server' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'echo-back' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'http-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'graphql-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'sqlite-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'postgresql-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'mqtt-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'mssql-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'oracle-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'mysql-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'socket-server' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'operato-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'email-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'influxdb-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'msgraph-connector' ready
+2024-07-08T23:05:33+09:00 info: All connector for 'proxy-connector' ready
+2024-07-08T23:05:33+09:00 info: ConnectionManager initialization done:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-scichart",
   "description": "scichart wrapping component",
-  "version": "7.0.2",
+  "version": "7.0.4",
   "license": "MIT",
   "things-scene": true,
   "author": "heartyoh",
@@ -59,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "0e1e722291ee035a03a8ede4e51147412f1a88d8"
+  "gitHead": "653d9c4eb1e79b3607ba16fdce17577fd6eb7895"
 }

package/src/charts/ox-scichart.ts

@@ -9,8 +9,18 @@ export class OxSciChart extends LitElement {
 
   private chart: any = null
   private dataSeries: any[] = []
+  /*
+  [주의]
+   ox-scichart container의 id를 글로벌 유니크하게 해야한다. 
+   SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.
+   shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.
+   그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.
+   */
+  private containerId: string = 'ox-sci-chart' + ++OxSciChart.idx
 
-  @query('div#container') container!: HTMLDivElement
+  @query('.chart-container') container!: HTMLDivElement
+
+  static idx: number = 0
 
   static styles = css`
     :host {
@@ -31,12 +41,12 @@ export class OxSciChart extends LitElement {
     }
   `
 
-  firstUpdated() {
-    this.initializeSciChart()
-    this.updateDataSeries()
-  }
-
   async initializeSciChart() {
+    if (this.chart) {
+      this.chart.sciChartSurface?.delete()
+      this.chart = null
+    }
+
     const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {})) || {}
 
     this.chart = chart
@@ -56,7 +66,7 @@ export class OxSciChart extends LitElement {
     }
 
     if (needDataUpdate) {
-      this.updateDataSeries()
+      await this.updateDataSeries()
     }
   }
 
@@ -108,7 +118,7 @@ export class OxSciChart extends LitElement {
   }
 
   render() {
-    return html` <div id="container" class="chart-container"></div> `
+    return html` <div id=${this.containerId} class="chart-container"></div> `
   }
 }
 

package/src/charts/scichart-builder.ts

@@ -19,6 +19,7 @@ import {
   NumberRange,
   MouseWheelZoomModifier,
   RubberBandXyZoomModifier,
+  ZoomPanModifier,
   ZoomExtentsModifier,
   RolloverModifier,
   SmartDateLabelProvider,
@@ -29,7 +30,8 @@ import {
   XPointMarker,
   WaveAnimation,
   LegendModifier,
-  ELegendPlacement
+  ELegendPlacement,
+  EXyDirection
 } from 'scichart'
 
 SciChartSurface.UseCommunityLicense()
@@ -54,6 +56,10 @@ function getThemeFromBrowser() {
 }
 
 function createPointMarker(wasmContext: any, pointStyle?: string, color: string = DEFAULT_COLOR) {
+  if (!pointStyle) {
+    return
+  }
+
   const pointMarkerOptions = {
     width: POINT_MARKER_SIZE,
     height: POINT_MARKER_SIZE,
@@ -140,7 +146,7 @@ function createSeries(
   const borderWidth = dataset.borderWidth || STROKE_THICKNESS
   const pointMarker = createPointMarker(wasmContext, dataset.pointStyle, strokeColor)
 
-  let series: any
+  let series
   if (dataset.type === 'bar') {
     series = stacked
       ? new StackedColumnRenderableSeries(wasmContext, {
@@ -278,7 +284,8 @@ export async function buildSciChart(
   // 줌인/줌아웃 모디파이어 추가
   sciChartSurface.chartModifiers.add(
     new RubberBandXyZoomModifier(),
-    new MouseWheelZoomModifier(),
+    // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),
+    new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }),
     new ZoomExtentsModifier()
   )
 

package/src/index.ts

@@ -1,3 +1 @@
-export { default as Scichart } from './scichart'
-export { default as ScichartCandleStick } from './scichart-candle-stick'
 export { default as scichartTimeseries } from './scichart-timeseries'

package/src/templates/index.ts

@@ -1,5 +1,3 @@
-import scichart from './scichart'
 import scichartTimeseries from './scichart-timeseries'
-import scichartCandleStick from './scichart-candle-stick'
 
-export default [scichart, scichartCandleStick, scichartTimeseries]
+export default [scichartTimeseries]