@operato/scene-scichart 7.0.3 → 7.0.5

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/logs/connections-2024-07-09-15.log

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-scichart",
   "description": "scichart wrapping component",
-  "version": "7.0.3",
+  "version": "7.0.5",
   "license": "MIT",
   "things-scene": true,
   "author": "heartyoh",
@@ -59,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "99c81462bb3a6702c44c958aa15cc96b290d1567"
+  "gitHead": "25e5f2c596ab66824c102dbaf0c0d429f372cb3a"
 }

package/src/charts/scichart-builder.ts

@@ -19,6 +19,7 @@ import {
   NumberRange,
   MouseWheelZoomModifier,
   RubberBandXyZoomModifier,
+  ZoomPanModifier,
   ZoomExtentsModifier,
   RolloverModifier,
   SmartDateLabelProvider,
@@ -29,7 +30,10 @@ import {
   XPointMarker,
   WaveAnimation,
   LegendModifier,
-  ELegendPlacement
+  ELegendPlacement,
+  EXyDirection,
+  XAxisDragModifier,
+  YAxisDragModifier
 } from 'scichart'
 
 SciChartSurface.UseCommunityLicense()
@@ -53,10 +57,21 @@ function getThemeFromBrowser() {
   return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
 }
 
-function createPointMarker(wasmContext: any, pointStyle?: string, color: string = DEFAULT_COLOR) {
+function convertColor(color: string | string[] | undefined, defaultColor?: string) {
+  const tinyColor = new TinyColor(color as string)
+  return tinyColor.toHex8String() || defaultColor
+}
+
+function createPointMarker(wasmContext: any, dataset: any, color: string = DEFAULT_COLOR) {
+  const { pointStyle, pointRadius = POINT_MARKER_SIZE } = dataset || {}
+
+  if (!pointStyle) {
+    return
+  }
+
   const pointMarkerOptions = {
-    width: POINT_MARKER_SIZE,
-    height: POINT_MARKER_SIZE,
+    width: pointRadius,
+    height: pointRadius,
     strokeThickness: STROKE_THICKNESS,
     fill: color,
     stroke: DEFAULT_STROKE
@@ -118,7 +133,7 @@ function createAxis(
 
   return isXAxis
     ? new DateTimeNumericAxis(wasmContext, { ...axisOptions, labelProvider: new SmartDateLabelProvider() })
-    : new NumericAxis(wasmContext, { ...axisOptions, id: `yAxis${index}` })
+    : new NumericAxis(wasmContext, { ...axisOptions, id: index !== 0 ? `yAxis${index}` : undefined })
 }
 
 function createSeries(
@@ -127,7 +142,7 @@ function createSeries(
   index: number,
   stacked: boolean,
   animation: boolean,
-  yAxisId: string
+  yAxisId: string | undefined
 ) {
   const dataSeries = new XyDataSeries(wasmContext, {
     dataSeriesName: dataset.label,
@@ -135,12 +150,12 @@ function createSeries(
   })
 
   const stackGroupId = dataset.stack || `__stack${index}__`
-  const color = (dataset.backgroundColor as string) || DEFAULT_COLOR
-  const strokeColor = (dataset.color as string) || DEFAULT_COLOR
+  const color = convertColor(dataset.backgroundColor, DEFAULT_COLOR)
+  const strokeColor = convertColor(dataset.color, DEFAULT_COLOR)
   const borderWidth = dataset.borderWidth || STROKE_THICKNESS
-  const pointMarker = createPointMarker(wasmContext, dataset.pointStyle, strokeColor)
+  const pointMarker = createPointMarker(wasmContext, dataset, strokeColor)
 
-  let series: any
+  let series
   if (dataset.type === 'bar') {
     series = stacked
       ? new StackedColumnRenderableSeries(wasmContext, {
@@ -236,7 +251,7 @@ export async function buildSciChart(
 
   // 시리즈 설정
   const dataSeriesArray = datasets.map((dataset, index) => {
-    const yAxisId = dataset.yAxisID || 'yAxis0'
+    const yAxisId = dataset.yAxisID == 'right' ? 'yAxis1' : undefined
     const { series, dataSeries } = createSeries(wasmContext, dataset, index, !!stacked, !!animation, yAxisId)
 
     sciChartSurface.renderableSeries.add(series)
@@ -277,9 +292,13 @@ export async function buildSciChart(
 
   // 줌인/줌아웃 모디파이어 추가
   sciChartSurface.chartModifiers.add(
-    new RubberBandXyZoomModifier(),
-    new MouseWheelZoomModifier(),
-    new ZoomExtentsModifier()
+    // new RubberBandXyZoomModifier(),
+    // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),
+    new ZoomPanModifier(),
+    new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }),
+    new ZoomExtentsModifier(),
+    new XAxisDragModifier(),
+    new YAxisDragModifier()
   )
 
   if (legend?.display) {