@operato/scene-scichart 7.2.4 → 7.2.6

package/logs/connections-2024-08-03-15.log

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@operato/scene-scichart",
   "description": "scichart wrapping component",
-  "version": "7.2.4",
+  "version": "7.2.6",
   "license": "MIT",
   "things-scene": true,
   "author": "heartyoh",
@@ -59,5 +59,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "1c3fa7fc84feeb634d52819edf3b661e0f967e27"
+  "gitHead": "192c803bf1530b2c367537d7a29fa147a3507de6"
 }

package/src/charts/ox-scichart-multiple.ts

@@ -78,8 +78,20 @@ export class OxSciChartMultiple extends LitElement {
   async initializeSciChart() {
     this.cleanup()
 
+    // Overview 차트는 정확히 일치하는 시리즈 이름만 포함
+    const overviewDatasets =
+      this.config?.data.datasets.filter(dataset => this.visibleSeries.includes(dataset.dataKey!)) || []
+
     const { chart, dataSeries } =
-      (await buildSciChartOverview(this.config, this.overviewContainer, {}, this.synchronizer)) || {}
+      (await buildSciChartOverview(
+        {
+          ...this.config,
+          data: { datasets: overviewDatasets }
+        },
+        this.overviewContainer,
+        {},
+        this.synchronizer
+      )) || {}
 
     this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface)
 
@@ -151,30 +163,42 @@ export class OxSciChartMultiple extends LitElement {
 
     const newData = this.dataSet
 
-    ;(this.groupCharts || []).forEach(({ dataKey, sciChartSurface, dataSeries }) => {
+    this.groupCharts.forEach(({ dataKey, sciChartSurface, dataSeries }) => {
       try {
-        dataSeries.forEach(ds => ds.clear())
-        const dataSet = newData.filter((data, index) => dataKey == datasets[index].dataKey!)
+        // dataKey로 시작하는 모든 시리즈를 업데이트
+        const relatedDatasets = datasets.filter(dataset => dataset.dataKey?.startsWith(dataKey))
 
-        dataSet.forEach((data, index) => {
-          const filteredData = data.filter(d => typeof d.yValue === 'number')
+        // 각 relatedDatasets에 대해 해당하는 dataSeries를 업데이트
+        dataSeries.forEach((ds, index) => {
+          ds.clear()
 
-          if (filteredData.length > 0) {
-            dataSeries[index].appendRange(
-              filteredData.map(d => d.xValue),
-              filteredData.map(d => d.yValue)
+          const relatedDataset = relatedDatasets[index]
+          if (relatedDataset) {
+            const filteredData = newData[datasets.findIndex(ds => ds.dataKey === relatedDataset.dataKey)].filter(
+              d => typeof d.yValue === 'number'
             )
+
+            if (filteredData.length > 0) {
+              ds.appendRange(
+                filteredData.map(d => d.xValue),
+                filteredData.map(d => d.yValue)
+              )
+            }
           }
         })
+
+        // Zoom 및 리렌더링
+        setTimeout(() => {
+          sciChartSurface.zoomExtents()
+          sciChartSurface.invalidateElement()
+        }, 200)
       } catch (error) {
-        console.log(error)
+        console.error('Error updating data series:', error)
       }
-
-      sciChartSurface.zoomExtents()
-      sciChartSurface.invalidateElement()
     })
 
     try {
+      // Overview 차트 데이터 업데이트
       this.overviewDataSeries.forEach(ds => ds.clear())
 
       newData.forEach((data, index) => {
@@ -188,11 +212,8 @@ export class OxSciChartMultiple extends LitElement {
           }
         }
       })
-
-      this.overviewChart?.sciChartSurface.zoomExtents()
-      this.overviewChart?.sciChartSurface.invalidateElement()
     } catch (error) {
-      console.log(error)
+      console.error('Error updating overview data series:', error)
     }
   }
 
@@ -232,7 +253,7 @@ export class OxSciChartMultiple extends LitElement {
     return html`
       <div id=${this.containerId + '-overview'} class="overview" ?hidden=${!this.showOverview}></div>
       <div id="chart-group">
-        ${datasets.map(({ dataKey }) =>
+        ${this.visibleSeries.map(dataKey =>
           keyed(
             dataKey,
             html`
@@ -289,30 +310,29 @@ export class OxSciChartMultiple extends LitElement {
 
     const { data = {}, options = {} } = this.config || {}
     const { datasets = [] } = data as OperatoChart.ChartData
-    const dataset = datasets.find(dataset => dataset.dataKey == dataKey)
+    const primaryDataset = datasets.find(dataset => dataset.dataKey == dataKey)
 
-    if (!dataset) {
+    if (!primaryDataset) {
       return
     }
 
-    const { scales } = options
-    const { yAxes = [] } = scales || {}
-    const { valueFormat } = dataset
+    // 해당 dataKey로 시작하는 모든 시리즈를 함께 그룹화하여 차트를 구성
+    const relatedDatasets = datasets.filter(dataset => dataset.dataKey?.startsWith(dataKey))
 
     const yAxis = {
-      ...yAxes[0],
-      axisTitle: dataset?.label
+      ...options.scales?.yAxes?.[0],
+      axisTitle: primaryDataset?.label
     }
 
     const config = {
       ...this.config,
       data: {
-        datasets: [dataset]
+        datasets: relatedDatasets // 이 차트에 포함될 모든 관련 시리즈들
       },
       options: {
         ...options,
         scales: {
-          ...scales,
+          ...options.scales,
           yAxes: [yAxis]
         }
       }
@@ -323,13 +343,16 @@ export class OxSciChartMultiple extends LitElement {
       config,
       container,
       { fontSize: 14, fontFamily: 'Roboto', fontColor: undefined },
-      { precision: valueFormat ? calculatePrecision(valueFormat) : undefined, grouped: this.containerId }
+      {
+        precision: primaryDataset.valueFormat ? calculatePrecision(primaryDataset.valueFormat) : undefined,
+        grouped: this.containerId
+      }
     ))!
 
     this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface)
     this.synchronizer.addAxis(chart.sciChartSurface.xAxes.get(0))
 
-    groupedChart.dataKey = config.data.datasets[0]!.dataKey!
+    groupedChart.dataKey = primaryDataset.dataKey!
     groupedChart.sciChartSurface = chart.sciChartSurface
     groupedChart.dataSeries = dataSeries
 

package/src/charts/ox-scichart.ts

@@ -71,7 +71,9 @@ export class OxSciChart extends LitElement {
   }
 
   updateDataSeries() {
-    if (!this.dataSeries?.length) return
+    if (!this.dataSeries?.length) {
+      return
+    }
 
     this.dataSeries.forEach(ds => ds.clear())
     const newData = this.dataSet
@@ -87,8 +89,10 @@ export class OxSciChart extends LitElement {
       }
     })
 
-    this.chart?.sciChartSurface.zoomExtents()
-    this.chart?.sciChartSurface.invalidateElement()
+    setTimeout(() => {
+      this.chart?.sciChartSurface.zoomExtents()
+      this.chart?.sciChartSurface.invalidateElement()
+    }, 200)
   }
 
   get dataSet(): { xValue: number; yValue: number }[][] {

package/src/charts/scichart-builder.ts

@@ -44,7 +44,8 @@ import {
   HorizontalLineAnnotation,
   VerticalLineAnnotation,
   OverviewRangeSelectionModifier,
-  ENumericFormat
+  ENumericFormat,
+  XySeriesInfo
 } from 'scichart'
 import { AxisSynchroniser } from './axis-synchronizer'
 
@@ -139,12 +140,12 @@ function createAxis(
     beginAtZero,
     color = fontColor,
     textStrokeColor = fontColor,
-    display
+    display = false
   } = ticks || {}
 
   const axisOptions = {
     axisTitle,
-    autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,
+    autoRange: autoMin || autoMax ? EAutoRange.Always : EAutoRange.Once,
     axisAlignment: isXAxis ? EAxisAlignment.Bottom : index === 0 ? EAxisAlignment.Left : EAxisAlignment.Right,
     visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,
     majorDelta: stepSize,
@@ -159,7 +160,8 @@ function createAxis(
       fontSize,
       color: textStrokeColor
     },
-    ...options
+    ...options,
+    drawLabels: display
   }
 
   const labelProvider = isXAxis
@@ -171,11 +173,11 @@ function createAxis(
     : new NumericLabelProvider()
 
   if (isXAxis) {
-    labelProvider.cursorNumericFormat = ENumericFormat.Date_HHMMSS
+    labelProvider!.cursorNumericFormat = ENumericFormat.Date_HHMMSS
   } else {
-    labelProvider.numericFormat = ENumericFormat.Decimal
-    labelProvider.precision = precision || calculatePrecision(stepSize || 0.1)
-    labelProvider.cursorNumericFormat = ENumericFormat.NoFormat
+    labelProvider!.numericFormat = ENumericFormat.Decimal
+    labelProvider!.precision = precision || calculatePrecision(stepSize || 0.1)
+    labelProvider!.cursorNumericFormat = ENumericFormat.NoFormat
   }
 
   return isXAxis
@@ -274,8 +276,8 @@ export async function buildSciChart(
       position: 'top'
     },
     scales: fromScales,
-    xGridLine = true,
-    yGridLine = true,
+    xGridLine = false,
+    yGridLine = false,
     y2ndGridLine = false,
     stacked = false,
     multiAxis = false,
@@ -297,19 +299,25 @@ export async function buildSciChart(
   })
   const { sciChartSurface, wasmContext } = chart
 
-  // X 축 설정
   xAxes.forEach((axis, index) => {
-    const xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize)
+    const xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize, undefined, {
+      drawMajorTickLines: true,
+      drawMinorTickLines: true,
+      drawMajorGridLines: xGridLine,
+      drawMinorGridLines: xGridLine
+    })
     sciChartSurface.xAxes.add(xAxis)
   })
-
-  // Y 축 설정
   ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {
-    const yAxis = createAxis(wasmContext, axis, index, false, fontColor, fontFamily, fontSize, precision)
+    const yAxis = createAxis(wasmContext, axis, index, false, fontColor, fontFamily, fontSize, precision, {
+      drawMajorTickLines: true,
+      drawMinorTickLines: true,
+      drawMajorGridLines: index == 0 ? yGridLine : y2ndGridLine,
+      drawMinorGridLines: index == 0 ? yGridLine : y2ndGridLine
+    })
     sciChartSurface.yAxes.add(yAxis)
   })
 
-  // 시리즈 설정
   const dataSeriesArray = datasets.map((dataset, index) => {
     const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined
     const { series, dataSeries } = createSeries(wasmContext, dataset, index, !!stacked, !!animation, yAxisId)
@@ -319,8 +327,14 @@ export async function buildSciChart(
     if (tooltip) {
       const rolloverModifier = new RolloverModifier({
         showTooltip: true,
-        showAxisLabel: true /* 한글의 크기를 잘 계산하지 못하므로 false */,
-        modifierGroup: grouped
+        showAxisLabel: true /* show x-axis label for cursor */,
+        modifierGroup: grouped,
+        tooltipDataTemplate: (seriesInfo: XySeriesInfo): string[] => {
+          const valuesWithLabels: string[] = []
+          const xySeriesInfo = seriesInfo as XySeriesInfo
+          valuesWithLabels.push(xySeriesInfo.formattedYValue)
+          return valuesWithLabels
+        }
       })
 
       sciChartSurface.chartModifiers.add(rolloverModifier)
@@ -329,7 +343,6 @@ export async function buildSciChart(
     return dataSeries
   })
 
-  // Stacked collections 추가
   if (stacked) {
     const stackedColumnCollection = new StackedColumnCollection(wasmContext)
     const stackedMountainCollection = new StackedMountainCollection(wasmContext)
@@ -434,11 +447,10 @@ export async function buildSciChart(
     })
   }
 
-  // 줌인/줌아웃 모디파이어 추가
   sciChartSurface.chartModifiers.add(
     new RubberBandXyZoomModifier({ executeOn: EExecuteOn.MouseRightButton, modifierGroup: grouped }),
     // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),
-    new ZoomPanModifier(),
+    new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),
     new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }),
     new ZoomExtentsModifier(),
     new XAxisDragModifier(),
@@ -488,32 +500,53 @@ export async function buildSciChartOverview(
 
   const { xAxes = [], yAxes = [] } = fromScales || {}
 
-  // Instead we create a normal chart and then manually add the OverviewRangeSelectionModifier and bind it to the axisSynchroniser
   const chart = await SciChartSurface.create(container, {
     theme: theme == 'dark' ? new SciChartJSDarkv2Theme() : new SciChartJSLightTheme()
   })
   const { sciChartSurface, wasmContext } = chart
 
-  // X 축 설정
   xAxes.forEach((axis, index) => {
-    const xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize)
+    const xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize, undefined, {
+      drawMajorTickLines: false,
+      drawMinorTickLines: false,
+      drawMajorGridLines: false,
+      drawMinorGridLines: false
+    })
     sciChartSurface.xAxes.add(xAxis)
   })
 
-  // Y 축 설정
-  ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {
-    const yAxis = createAxis(wasmContext, axis, index, false, fontColor, fontFamily, fontSize, undefined, {
+  const dataSeriesArray = datasets.map((dataset, index) => {
+    const yAxisId = `yAxis${index}`
+    const dataSeries = new XyDataSeries(wasmContext, {
+      dataSeriesName: dataset.label,
+      containsNaN: false
+    })
+
+    const yAxis = new NumericAxis(wasmContext, {
+      id: yAxisId,
+      autoRange: EAutoRange.Always,
       drawLabels: false,
-      drawMajorTicks: false,
-      drawMinorTicks: false,
+      drawMajorTickLines: false,
+      drawMinorTickLines: false,
       drawMajorGridLines: false,
       drawMinorGridLines: false
     })
+
     sciChartSurface.yAxes.add(yAxis)
+
+    const series = new FastLineRenderableSeries(wasmContext, {
+      dataSeries,
+      strokeThickness: 1,
+      stroke: convertColor(dataset.color, DEFAULT_COLOR),
+      yAxisId: yAxisId
+    })
+
+    sciChartSurface.renderableSeries.add(series)
+
+    return dataSeries
   })
 
   const rangeSelectionModifier = new OverviewRangeSelectionModifier()
-  // When the range selection is moved, updated the linked charts
   rangeSelectionModifier.onSelectedAreaChanged = (selectedRange?: NumberRange) => {
     if (!selectedRange!.equals(axisSynchroniser.visibleRange)) {
       axisSynchroniser.publishChange({ visibleRange: selectedRange! })
@@ -523,7 +556,6 @@ export async function buildSciChartOverview(
   rangeSelectionModifier.selectedArea = axisSynchroniser.visibleRange
   sciChartSurface.chartModifiers.add(rangeSelectionModifier)
 
-  // When charts are moved, update the range selection
   axisSynchroniser.visibleRangeChanged.subscribe(({ visibleRange }: any) => {
     const updatedSelectedRange = visibleRange.clip(sciChartSurface.xAxes.get(0).visibleRange)
     const shouldUpdateSelectedRange = !updatedSelectedRange.equals(rangeSelectionModifier.selectedArea)
@@ -532,13 +564,5 @@ export async function buildSciChartOverview(
     }
   })
 
-  const dataSeriesArray = datasets.map((dataset, index) => {
-    const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined
-    const { series, dataSeries } = createSeries(wasmContext, dataset, index, !!stacked, !!animation, yAxisId)
-
-    sciChartSurface.renderableSeries.add(series)
-    return dataSeries
-  })
-
   return { chart, dataSeries: dataSeriesArray }
 }