@operato/scene-scichart 7.2.5 → 7.2.7

package/dist/charts/ox-scichart-multiple.js

@@ -3,9 +3,9 @@ import { __decorate } from "tslib";
 import { LitElement, html, css } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { keyed } from 'lit/directives/keyed.js';
-import { calculatePrecision, buildSciChart, buildSciChartOverview } from './scichart-builder';
+import { calculatePrecision, buildSciChart, buildSciChartOverview, convertColor, DEFAULT_COLOR } from './scichart-builder';
 import { AxisSynchroniser } from './axis-synchronizer';
-import { NumberRange, SciChartVerticalGroup } from 'scichart';
+import { EAutoRange, FastLineRenderableSeries, NumberRange, NumericAxis, SciChartVerticalGroup, XyDataSeries } from 'scichart';
 import { ScrollbarStyles } from '@operato/styles';
 let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends LitElement {
     constructor() {
@@ -16,10 +16,10 @@ let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends
         this.showOverview = true;
         this.synchronizer = new AxisSynchroniser(new NumberRange(200, 500));
         this.verticalGroup = new SciChartVerticalGroup();
-        this.isInitializing = false;
         this.overviewChart = null;
         this.overviewDataSeries = [];
         this.groupCharts = [];
+        this.initializationQueue = Promise.resolve();
         /*
         [주의]
          ox-scichart container의 id를 글로벌 유니크하게 해야한다.
@@ -31,45 +31,50 @@ let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends
     }
     async initializeSciChart() {
         this.cleanup();
-        const { chart, dataSeries } = (await buildSciChartOverview(this.config, this.overviewContainer, {}, this.synchronizer)) || {};
+        await this.createOverviewChart();
+    }
+    async createOverviewChart() {
+        const { chart, dataSeries } = (await buildSciChartOverview({
+            ...this.config,
+            data: { datasets: [] }
+        }, this.overviewContainer, {}, this.synchronizer)) || {};
         this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface);
         this.overviewChart = chart;
         this.overviewDataSeries = dataSeries;
     }
     async updated(changedProperties) {
-        var needDataUpdate = false;
-        if (changedProperties.has('config') && this.config) {
-            this.isInitializing = true;
-            await this.initializeSciChart();
-            this.isInitializing = false;
-            needDataUpdate = true;
-        }
-        if (changedProperties.has('visibleSeries')) {
-            if (this.isInitializing) {
-                await this.ensureInitialization();
+        this.initializationQueue = this.initializationQueue
+            .then(async () => {
+            let needUpdateDataSeries = false;
+            let needBuildChartGroup = false;
+            if (changedProperties.has('config') && this.config) {
+                await this.initializeSciChart();
+                needBuildChartGroup = true;
+                needUpdateDataSeries = true;
             }
-            await this.updateSeries(this.visibleSeries, changedProperties.get('visibleSeries'));
-            needDataUpdate = true;
-        }
-        if (changedProperties.has('data')) {
-            needDataUpdate = true;
-        }
-        if (needDataUpdate) {
-            await this.updateDataSeries();
-        }
-    }
-    async ensureInitialization() {
-        while (this.isInitializing) {
-            await new Promise(resolve => setTimeout(resolve, 100)); // Check every 100ms
-        }
+            if (changedProperties.has('visibleSeries')) {
+                await this.updateSeries(this.visibleSeries, changedProperties.get('visibleSeries'));
+                /* [중요] buildChartGroup 을 visibleSeries 수정때마다 하는 이유는, render() 의 캐시 컨트롤이 안되기 때문이다. 가급적 시도하지 말라. */
+                needBuildChartGroup = true;
+                needUpdateDataSeries = true;
+            }
+            if (changedProperties.has('data')) {
+                needUpdateDataSeries = true;
+            }
+            if (needBuildChartGroup) {
+                await this.buildChartGroup();
+            }
+            if (needUpdateDataSeries) {
+                await this.updateDataSeries();
+            }
+        })
+            .catch((error) => {
+            console.error('Error in updated queue:', error);
+        });
     }
     cleanup() {
-        var _a;
         this.cleanupGroup();
-        if (this.overviewChart) {
-            (_a = this.overviewChart.sciChartSurface) === null || _a === void 0 ? void 0 : _a.delete();
-            this.overviewChart = null;
-        }
+        this.cleanupOverview();
     }
     cleanupGroup() {
         this.groupCharts.forEach(chart => {
@@ -81,6 +86,14 @@ let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends
         });
         this.groupCharts.length = 0;
     }
+    cleanupOverview() {
+        if (this.overviewChart) {
+            this.overviewChart.sciChartSurface.renderableSeries.clear();
+            this.overviewDataSeries.forEach(ds => ds.delete());
+            this.overviewDataSeries.length = 0;
+        }
+        this.overviewChart = null;
+    }
     async updateDataSeries() {
         const { config, data } = this;
         const { datasets = [], labelDataKey: attrX } = (config === null || config === void 0 ? void 0 : config.data) || {};
@@ -88,38 +101,59 @@ let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends
             return [];
         }
         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);
-                dataSet.forEach((data, index) => {
-                    const filteredData = data.filter(d => typeof d.yValue === 'number');
-                    if (filteredData.length > 0) {
-                        dataSeries[index].appendRange(filteredData.map(d => d.xValue), filteredData.map(d => d.yValue));
+                // dataKey로 시작하는 모든 시리즈를 업데이트
+                const relatedDatasets = datasets.filter(dataset => { var _a; return (_a = dataset.dataKey) === null || _a === void 0 ? void 0 : _a.startsWith(dataKey); });
+                // 각 relatedDatasets에 대해 해당하는 dataSeries를 업데이트
+                dataSeries.forEach((ds, index) => {
+                    ds.clear();
+                    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));
+                        }
                     }
                 });
+                sciChartSurface.zoomExtents();
+                sciChartSurface.invalidateElement();
             }
             catch (error) {
-                console.log(error);
+                console.error('Error updating data series:', error);
             }
-            setTimeout(() => {
-                sciChartSurface.zoomExtents();
-                sciChartSurface.invalidateElement();
-            }, 200);
         });
         try {
-            this.overviewDataSeries.forEach(ds => ds.clear());
-            newData.forEach((data, index) => {
-                if (this.visibleSeries.includes(datasets[index].dataKey)) {
-                    const filteredData = data.filter(d => typeof d.yValue === 'number');
-                    if (filteredData.length > 0) {
-                        this.overviewDataSeries[index].appendRange(filteredData.map(d => d.xValue), filteredData.map(d => d.yValue));
-                    }
+            // Overview 차트 데이터 업데이트
+            this.overviewDataSeries.forEach((ds, index) => {
+                var _a;
+                const visibleKey = this.visibleSeries[index];
+                const dataset = datasets.find(dataset => dataset.dataKey === visibleKey);
+                if (!dataset) {
+                    return;
+                }
+                const dataIndex = datasets.findIndex(ds => ds.dataKey === dataset.dataKey);
+                const filteredData = ((_a = newData[dataIndex]) === null || _a === void 0 ? void 0 : _a.filter(d => typeof d.yValue === 'number')) || [];
+                ds.clear();
+                if (filteredData.length > 0) {
+                    ds.appendRange(filteredData.map(d => d.xValue), filteredData.map(d => d.yValue));
                 }
             });
+            // this.overviewDataSeries.forEach(ds => ds.clear())
+            // newData.forEach((data, index) => {
+            //   if (this.visibleSeries.includes(datasets[index].dataKey!)) {
+            //     const filteredData = data.filter(d => typeof d.yValue === 'number')
+            //     if (filteredData.length > 0) {
+            //       this.overviewDataSeries[index].appendRange(
+            //         filteredData.map(d => d.xValue),
+            //         filteredData.map(d => d.yValue)
+            //       )
+            //     }
+            //   }
+            // })
         }
         catch (error) {
-            console.log(error);
+            console.error('Error updating overview data series:', error);
         }
     }
     get dataSet() {
@@ -153,7 +187,7 @@ let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends
         return html `
       <div id=${this.containerId + '-overview'} class="overview" ?hidden=${!this.showOverview}></div>
       <div id="chart-group">
-        ${datasets.map(({ dataKey }) => keyed(dataKey, html `
+        ${this.visibleSeries.map(dataKey => keyed(dataKey, html `
               <div
                 id=${this.containerId + '-' + dataKey}
                 class="grouped-chart"
@@ -174,78 +208,184 @@ let OxSciChartMultiple = OxSciChartMultiple_1 = class OxSciChartMultiple extends
         }));
     }
     async updateSeries(after, before) {
-        /* 기존 시리즈와 새로운 시리즈의 차이를 비교해서, before에는 있는데, after에는 없으면 await removeChart(string)를 호출하고, after에는 있는데, before에는 없으면, addChart(string) 한다. */
-        // before에는 있는데 after에는 없는 시리즈를 제거합니다.
-        for (const series of before || []) {
-            if (!after.includes(series)) {
-                await this.removeChart(series);
-            }
+        const addSeries = (after === null || after === void 0 ? void 0 : after.filter(series => !before.includes(series))) || [];
+        const removeSeries = (before === null || before === void 0 ? void 0 : before.filter(series => !after.includes(series))) || [];
+        for (const series of removeSeries) {
+            await this.removeChart(series);
         }
-        // after에는 있는데 before에는 없는 시리즈를 추가합니다.
-        for (const series of after || []) {
-            if (!before || !before.includes(series)) {
-                await this.addChart(series);
-            }
+        for (const series of addSeries) {
+            await this.addChart(series);
         }
     }
     async addChart(dataKey) {
-        const groupedChart = {
-            dataKey: '',
-            sciChartSurface: undefined,
-            dataSeries: []
-        };
+        const chartData = await this.createChart(dataKey);
+        if (chartData) {
+            const { chart, dataSeries, dataKey } = chartData;
+            this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface);
+            this.groupCharts = this.groupSorter([
+                ...this.groupCharts,
+                { dataKey, sciChartSurface: chart.sciChartSurface, dataSeries }
+            ]);
+            await this.addSeriesToOverviewChart(dataKey);
+        }
+    }
+    async removeChart(dataKey) {
+        const index = this.groupCharts.findIndex(chart => chart.dataKey == dataKey);
+        if (index === -1)
+            return;
+        const [groupedChart] = this.groupCharts.splice(index, 1);
+        this.destroyChart(groupedChart);
+        this.groupCharts = this.groupSorter(this.groupCharts);
+        await this.removeSeriesFromOverviewChart(dataKey);
+    }
+    groupSorter(group) {
+        return group.sort((a, b) => this.visibleSeries.findIndex((s) => s.dataKey == a.dataKey) -
+            this.visibleSeries.findIndex((s) => s.dataKey == b.dataKey));
+    }
+    async appendData(appendum) { }
+    async createChart(dataKey) {
+        var _a, _b;
         const { data = {}, options = {} } = this.config || {};
         const { datasets = [] } = data;
-        const dataset = datasets.find(dataset => dataset.dataKey == dataKey);
-        if (!dataset) {
-            return;
+        const primaryDataset = datasets.find(dataset => dataset.dataKey == dataKey);
+        if (!primaryDataset) {
+            return null;
         }
-        const { scales } = options;
-        const { yAxes = [] } = scales || {};
-        const { valueFormat } = dataset;
+        const relatedDatasets = datasets.filter(dataset => { var _a; return (_a = dataset.dataKey) === null || _a === void 0 ? void 0 : _a.startsWith(dataKey); });
         const yAxis = {
-            ...yAxes[0],
-            axisTitle: dataset === null || dataset === void 0 ? void 0 : dataset.label
+            ...(_b = (_a = options.scales) === null || _a === void 0 ? void 0 : _a.yAxes) === null || _b === void 0 ? void 0 : _b[0],
+            axisTitle: primaryDataset === null || primaryDataset === void 0 ? void 0 : primaryDataset.label
         };
         const config = {
             ...this.config,
             data: {
-                datasets: [dataset]
+                datasets: relatedDatasets
             },
             options: {
                 ...options,
                 scales: {
-                    ...scales,
+                    ...options.scales,
                     yAxes: [yAxis]
                 }
             }
         };
         const container = this.renderRoot.querySelector(`#${this.containerId + '-' + dataKey}`);
-        var { chart, dataSeries } = (await buildSciChart(config, container, { fontSize: 14, fontFamily: 'Roboto', fontColor: undefined }, { precision: valueFormat ? calculatePrecision(valueFormat) : undefined, grouped: this.containerId }));
-        this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface);
+        const { chart, dataSeries } = (await buildSciChart(config, container, { fontSize: 14, fontFamily: 'Roboto', fontColor: undefined }, {
+            precision: primaryDataset.valueFormat ? calculatePrecision(primaryDataset.valueFormat) : undefined,
+            grouped: this.containerId
+        }));
         this.synchronizer.addAxis(chart.sciChartSurface.xAxes.get(0));
-        groupedChart.dataKey = config.data.datasets[0].dataKey;
-        groupedChart.sciChartSurface = chart.sciChartSurface;
-        groupedChart.dataSeries = dataSeries;
-        this.groupCharts = this.groupSorter([...this.groupCharts, groupedChart]);
+        // 각 시리즈에 대해 올바른 데이터를 추가
+        const newData = this.dataSet;
+        dataSeries.forEach((ds, seriesIndex) => {
+            var _a;
+            const dataset = relatedDatasets[seriesIndex];
+            const filteredData = ((_a = newData[seriesIndex]) === null || _a === void 0 ? void 0 : _a.filter(d => typeof d.yValue === 'number')) || [];
+            if (filteredData.length > 0) {
+                ds.appendRange(filteredData.map(d => d.xValue), filteredData.map(d => d.yValue));
+            }
+        });
+        return { chart, dataSeries, dataKey };
     }
-    removeChart(dataKey) {
-        const index = this.groupCharts.findIndex((chart) => chart.dataKey == dataKey);
-        const [groupedChart] = this.groupCharts.splice(index, 1);
-        if (!groupedChart) {
-            return;
-        }
+    destroyChart(groupedChart) {
         this.verticalGroup.removeSurface(groupedChart.sciChartSurface);
         this.synchronizer.removeAxis(groupedChart.sciChartSurface.xAxes.get(0));
         groupedChart.sciChartSurface.delete();
-        groupedChart.sciChartSurface = undefined;
-        this.groupCharts = this.groupSorter(this.groupCharts);
     }
-    groupSorter(group) {
-        return group.sort((a, b) => this.visibleSeries.findIndex((s) => s.dataKey == a.dataKey) -
-            this.visibleSeries.findIndex((s) => s.dataKey == b.dataKey));
+    async addSeriesToOverviewChart(dataKey) {
+        var _a;
+        if (!this.overviewChart || !this.overviewDataSeries) {
+            console.error('Overview chart is not initialized.');
+            return;
+        }
+        // Check if the series already exists in the overview chart
+        const existingSeries = this.overviewChart.sciChartSurface.renderableSeries.asArray().find((series) => {
+            return series.dataSeries.dataSeriesName === dataKey;
+        });
+        if (existingSeries) {
+            console.warn(`Series for dataKey ${dataKey} already exists in the overview chart.`);
+            return; // Exit the function without adding the series again
+        }
+        const dataset = (_a = this.config) === null || _a === void 0 ? void 0 : _a.data.datasets.find(dataset => dataset.dataKey === dataKey);
+        if (!dataset) {
+            console.error('Dataset not found for dataKey:', dataKey);
+            return;
+        }
+        const newSeries = await this.createSeriesForOverview(dataset);
+        if (newSeries) {
+            this.overviewChart.sciChartSurface.renderableSeries.add(newSeries.series);
+            this.overviewDataSeries.push(newSeries.dataSeries);
+        }
+    }
+    async removeSeriesFromOverviewChart(dataKey) {
+        if (!this.overviewChart || !this.overviewDataSeries) {
+            console.error('Overview chart is not initialized.');
+            return;
+        }
+        const { sciChartSurface } = this.overviewChart;
+        // 오버뷰 차트의 renderableSeries에서 해당 시리즈 제거
+        const seriesIndex = sciChartSurface.renderableSeries.asArray().findIndex((series) => {
+            return series.dataSeries.dataSeriesName === dataKey;
+        });
+        if (seriesIndex !== -1) {
+            const series = sciChartSurface.renderableSeries.get(seriesIndex);
+            const yAxisId = series.yAxisId;
+            // 시리즈 제거
+            sciChartSurface.renderableSeries.removeAt(seriesIndex);
+            this.overviewDataSeries.splice(seriesIndex, 1); // 데이터 시리즈도 제거
+            // 고유 Y축 제거
+            if (yAxisId) {
+                const yAxisIndex = sciChartSurface.yAxes.asArray().findIndex((axis) => axis.id === yAxisId);
+                if (yAxisIndex !== -1) {
+                    sciChartSurface.yAxes.removeAt(yAxisIndex);
+                }
+            }
+        }
+        else {
+            console.error('Series not found in overview chart for dataKey:', dataKey);
+        }
+    }
+    async createSeriesForOverview(dataset) {
+        if (!this.overviewChart)
+            return null;
+        const { sciChartSurface, wasmContext } = this.overviewChart;
+        const dataSeries = new XyDataSeries(wasmContext, {
+            dataSeriesName: dataset.dataKey,
+            containsNaN: false
+        });
+        // 새로운 Y축을 추가하여 노멀라이즈 효과를 제공
+        const yAxisId = `yAxis_${dataset.dataKey}`;
+        const yAxis = new NumericAxis(wasmContext, {
+            id: yAxisId,
+            autoRange: EAutoRange.Always,
+            drawLabels: 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
+        });
+        // 초기 데이터 추가
+        const newData = this.dataSet.find((data, index) => { var _a; return ((_a = this.config) === null || _a === void 0 ? void 0 : _a.data.datasets[index].dataKey) === dataset.dataKey; });
+        if (newData && newData.length > 0) {
+            const xValues = newData.map(d => d.xValue);
+            const yValues = newData.map(d => d.yValue).filter(y => typeof y === 'number' && !isNaN(y)); // y 값 검증
+            if (yValues.length > 0) {
+                // 유효한 y 값이 있을 때만 추가
+                dataSeries.appendRange(xValues, yValues);
+            }
+            else {
+                console.warn('No valid yValues found for dataset:', dataset.dataKey);
+            }
+        }
+        return { series, dataSeries };
     }
-    async appendData(appendum) { }
 };
 OxSciChartMultiple.idx = 0;
 OxSciChartMultiple.styles = [

package/dist/charts/ox-scichart-multiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-scichart-multiple.js","sourceRoot":"","sources":["../../src/charts/ox-scichart-multiple.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { property, query, customElement } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\n\nimport { calculatePrecision, buildSciChart, buildSciChartOverview } from './scichart-builder'\nimport { AxisSynchroniser } from './axis-synchronizer'\nimport { NumberRange, scaleAxes, SciChartVerticalGroup } from 'scichart'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('ox-scichart-multiple')\nexport class OxSciChartMultiple extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [attr: string]: any }[] = []\n  @property({ type: Array }) visibleSeries: string[] = []\n  @property({ type: Boolean, attribute: 'show-overview' }) showOverview: boolean = true\n\n  private synchronizer: AxisSynchroniser = new AxisSynchroniser(new NumberRange(200, 500))\n  private verticalGroup: SciChartVerticalGroup = new SciChartVerticalGroup()\n\n  private isInitializing: boolean = false\n  private overviewChart: any = null\n  private overviewDataSeries: any[] = []\n  private groupCharts: {\n    dataKey: string\n    sciChartSurface: any\n    dataSeries: any[]\n  }[] = []\n\n  /*\n  [주의]\n   ox-scichart container의 id를 글로벌 유니크하게 해야한다. \n   SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.\n   shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.\n   그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.\n   */\n  private containerId: string = 'ox-scichart-multiple' + ++OxSciChartMultiple.idx\n\n  @query('.overview') overviewContainer!: HTMLDivElement\n\n  static idx: number = 0\n\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n      }\n\n      .overview {\n        height: 80px;\n      }\n\n      #chart-group {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n      }\n\n      .grouped-chart {\n        flex: 1;\n\n        min-height: 25%;\n      }\n\n      [hidden] {\n        display: none;\n      }\n    `\n  ]\n\n  async initializeSciChart() {\n    this.cleanup()\n\n    const { chart, dataSeries } =\n      (await buildSciChartOverview(this.config, this.overviewContainer, {}, this.synchronizer)) || {}\n\n    this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface)\n\n    this.overviewChart = chart\n    this.overviewDataSeries = dataSeries!\n  }\n\n  async updated(changedProperties: Map<string | number | symbol, unknown>) {\n    var needDataUpdate = false\n\n    if (changedProperties.has('config') && this.config) {\n      this.isInitializing = true\n      await this.initializeSciChart()\n      this.isInitializing = false\n      needDataUpdate = true\n    }\n\n    if (changedProperties.has('visibleSeries')) {\n      if (this.isInitializing) {\n        await this.ensureInitialization()\n      }\n      await this.updateSeries(this.visibleSeries, changedProperties.get('visibleSeries') as string[])\n      needDataUpdate = true\n    }\n\n    if (changedProperties.has('data')) {\n      needDataUpdate = true\n    }\n\n    if (needDataUpdate) {\n      await this.updateDataSeries()\n    }\n  }\n\n  private async ensureInitialization() {\n    while (this.isInitializing) {\n      await new Promise(resolve => setTimeout(resolve, 100)) // Check every 100ms\n    }\n  }\n\n  cleanup() {\n    this.cleanupGroup()\n\n    if (this.overviewChart) {\n      this.overviewChart.sciChartSurface?.delete()\n      this.overviewChart = null\n    }\n  }\n\n  cleanupGroup() {\n    this.groupCharts.forEach(chart => {\n      if (chart.sciChartSurface) {\n        this.synchronizer.removeAxis(chart.sciChartSurface.xAxes.get(0))\n        this.verticalGroup.removeSurface(chart.sciChartSurface)\n        chart.sciChartSurface.delete()\n      }\n    })\n\n    this.groupCharts.length = 0\n  }\n\n  async updateDataSeries() {\n    const { config, data } = this\n    const { datasets = [], labelDataKey: attrX } = config?.data || {}\n\n    if (!(data instanceof Array) || !attrX) {\n      return []\n    }\n\n    const newData = this.dataSet\n\n    ;(this.groupCharts || []).forEach(({ dataKey, sciChartSurface, dataSeries }) => {\n      try {\n        dataSeries.forEach(ds => ds.clear())\n        const dataSet = newData.filter((data, index) => dataKey == datasets[index].dataKey!)\n\n        dataSet.forEach((data, index) => {\n          const filteredData = data.filter(d => typeof d.yValue === 'number')\n\n          if (filteredData.length > 0) {\n            dataSeries[index].appendRange(\n              filteredData.map(d => d.xValue),\n              filteredData.map(d => d.yValue)\n            )\n          }\n        })\n      } catch (error) {\n        console.log(error)\n      }\n\n      setTimeout(() => {\n        sciChartSurface.zoomExtents()\n        sciChartSurface.invalidateElement()\n      }, 200)\n    })\n\n    try {\n      this.overviewDataSeries.forEach(ds => ds.clear())\n\n      newData.forEach((data, index) => {\n        if (this.visibleSeries.includes(datasets[index].dataKey!)) {\n          const filteredData = data.filter(d => typeof d.yValue === 'number')\n          if (filteredData.length > 0) {\n            this.overviewDataSeries[index].appendRange(\n              filteredData.map(d => d.xValue),\n              filteredData.map(d => d.yValue)\n            )\n          }\n        }\n      })\n    } catch (error) {\n      console.log(error)\n    }\n  }\n\n  get dataSet(): { xValue: number; yValue: number }[][] {\n    const { config, data } = this\n    const { datasets = [], labelDataKey: attrX } = config?.data || {}\n\n    if (!(data instanceof Array) || !attrX) {\n      return []\n    }\n\n    return datasets.map(dataset => {\n      return data\n        .map(item => {\n          if (!item || typeof item !== 'object') {\n            return\n          }\n\n          const xValue = new Date(item[attrX])\n          if (isNaN(xValue.getTime())) {\n            console.error('Invalid date:', item[attrX])\n            return\n          }\n\n          return {\n            xValue: xValue.getTime() / 1000,\n            yValue: item[dataset.dataKey!]\n          }\n        })\n        .filter(Boolean) as { xValue: number; yValue: number }[]\n    })\n  }\n\n  render() {\n    const { datasets = [] } = this.config?.data || {}\n\n    return html`\n      <div id=${this.containerId + '-overview'} class=\"overview\" ?hidden=${!this.showOverview}></div>\n      <div id=\"chart-group\">\n        ${datasets.map(({ dataKey }) =>\n          keyed(\n            dataKey,\n            html`\n              <div\n                id=${this.containerId + '-' + dataKey}\n                class=\"grouped-chart\"\n                ?hidden=${!this.visibleSeries.includes(dataKey!)}\n              ></div>\n            `\n          )\n        )}\n      </div>\n    `\n  }\n\n  async buildChartGroup() {\n    this.cleanupGroup()\n\n    const { config } = this\n    const { datasets = [] } = config?.data || {}\n\n    await Promise.all(\n      datasets\n        .filter(dataset => this.visibleSeries.includes(dataset.dataKey!))\n        .map(async dataset => {\n          await this.addChart(dataset.dataKey!)\n        })\n    )\n  }\n\n  async updateSeries(after: string[], before: string[]) {\n    /* 기존 시리즈와 새로운 시리즈의 차이를 비교해서, before에는 있는데, after에는 없으면 await removeChart(string)를 호출하고, after에는 있는데, before에는 없으면, addChart(string) 한다. */\n    // before에는 있는데 after에는 없는 시리즈를 제거합니다.\n    for (const series of before || []) {\n      if (!after.includes(series)) {\n        await this.removeChart(series)\n      }\n    }\n\n    // after에는 있는데 before에는 없는 시리즈를 추가합니다.\n    for (const series of after || []) {\n      if (!before || !before.includes(series)) {\n        await this.addChart(series)\n      }\n    }\n  }\n\n  async addChart(dataKey: string) {\n    const groupedChart = {\n      dataKey: '',\n      sciChartSurface: undefined,\n      dataSeries: [] as any[]\n    }\n\n    const { data = {}, options = {} } = this.config || {}\n    const { datasets = [] } = data as OperatoChart.ChartData\n    const dataset = datasets.find(dataset => dataset.dataKey == dataKey)\n\n    if (!dataset) {\n      return\n    }\n\n    const { scales } = options\n    const { yAxes = [] } = scales || {}\n    const { valueFormat } = dataset\n\n    const yAxis = {\n      ...yAxes[0],\n      axisTitle: dataset?.label\n    }\n\n    const config = {\n      ...this.config,\n      data: {\n        datasets: [dataset]\n      },\n      options: {\n        ...options,\n        scales: {\n          ...scales,\n          yAxes: [yAxis]\n        }\n      }\n    }\n\n    const container = this.renderRoot.querySelector(`#${this.containerId + '-' + dataKey}`)\n    var { chart, dataSeries } = (await buildSciChart(\n      config,\n      container,\n      { fontSize: 14, fontFamily: 'Roboto', fontColor: undefined },\n      { precision: valueFormat ? calculatePrecision(valueFormat) : undefined, grouped: this.containerId }\n    ))!\n\n    this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface)\n    this.synchronizer.addAxis(chart.sciChartSurface.xAxes.get(0))\n\n    groupedChart.dataKey = config.data.datasets[0]!.dataKey!\n    groupedChart.sciChartSurface = chart.sciChartSurface\n    groupedChart.dataSeries = dataSeries\n\n    this.groupCharts = this.groupSorter([...this.groupCharts, groupedChart])\n  }\n\n  removeChart(dataKey: string) {\n    const index = this.groupCharts.findIndex((chart: any) => chart.dataKey == dataKey)\n    const [groupedChart] = this.groupCharts.splice(index, 1)\n\n    if (!groupedChart) {\n      return\n    }\n\n    this.verticalGroup.removeSurface(groupedChart.sciChartSurface)\n    this.synchronizer.removeAxis(groupedChart.sciChartSurface.xAxes.get(0))\n\n    groupedChart.sciChartSurface.delete()\n    groupedChart.sciChartSurface = undefined\n\n    this.groupCharts = this.groupSorter(this.groupCharts)\n  }\n\n  groupSorter(group: any[]) {\n    return group.sort(\n      (a, b) =>\n        this.visibleSeries.findIndex((s: any) => s.dataKey == a.dataKey) -\n        this.visibleSeries.findIndex((s: any) => s.dataKey == b.dataKey)\n    )\n  }\n\n  async appendData(appendum: { [attr: string]: any }[]) {}\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-scichart-multiple': OxSciChartMultiple\n  }\n}\n"]}
+{"version":3,"file":"ox-scichart-multiple.js","sourceRoot":"","sources":["../../src/charts/ox-scichart-multiple.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { property, query, customElement } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\n\nimport {\n  calculatePrecision,\n  buildSciChart,\n  buildSciChartOverview,\n  convertColor,\n  DEFAULT_COLOR\n} from './scichart-builder'\nimport { AxisSynchroniser } from './axis-synchronizer'\nimport {\n  EAutoRange,\n  FastLineRenderableSeries,\n  NumberRange,\n  NumericAxis,\n  scaleAxes,\n  SciChartVerticalGroup,\n  XyDataSeries\n} from 'scichart'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('ox-scichart-multiple')\nexport class OxSciChartMultiple extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [attr: string]: any }[] = []\n  @property({ type: Array }) visibleSeries: string[] = []\n  @property({ type: Boolean, attribute: 'show-overview' }) showOverview: boolean = true\n\n  private synchronizer: AxisSynchroniser = new AxisSynchroniser(new NumberRange(200, 500))\n  private verticalGroup: SciChartVerticalGroup = new SciChartVerticalGroup()\n\n  private overviewChart: any = null\n  private overviewDataSeries: any[] = []\n  private groupCharts: {\n    dataKey: string\n    sciChartSurface: any\n    dataSeries: any[]\n  }[] = []\n\n  private initializationQueue: Promise<void> = Promise.resolve()\n\n  /*\n  [주의]\n   ox-scichart container의 id를 글로벌 유니크하게 해야한다. \n   SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.\n   shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.\n   그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.\n   */\n  private containerId: string = 'ox-scichart-multiple' + ++OxSciChartMultiple.idx\n\n  @query('.overview') overviewContainer!: HTMLDivElement\n\n  static idx: number = 0\n\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n      }\n\n      .overview {\n        height: 80px;\n      }\n\n      #chart-group {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n      }\n\n      .grouped-chart {\n        flex: 1;\n\n        min-height: 25%;\n      }\n\n      [hidden] {\n        display: none;\n      }\n    `\n  ]\n\n  async initializeSciChart() {\n    this.cleanup()\n    await this.createOverviewChart()\n  }\n\n  async createOverviewChart() {\n    const { chart, dataSeries } =\n      (await buildSciChartOverview(\n        {\n          ...this.config,\n          data: { datasets: [] }\n        },\n        this.overviewContainer,\n        {},\n        this.synchronizer\n      )) || {}\n\n    this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface)\n\n    this.overviewChart = chart\n    this.overviewDataSeries = dataSeries!\n  }\n\n  async updated(changedProperties: Map<string | number | symbol, unknown>) {\n    this.initializationQueue = this.initializationQueue\n      .then(async () => {\n        let needUpdateDataSeries = false\n        let needBuildChartGroup = false\n\n        if (changedProperties.has('config') && this.config) {\n          await this.initializeSciChart()\n          needBuildChartGroup = true\n          needUpdateDataSeries = true\n        }\n\n        if (changedProperties.has('visibleSeries')) {\n          await this.updateSeries(this.visibleSeries, changedProperties.get('visibleSeries') as string[])\n          /* [중요] buildChartGroup 을 visibleSeries 수정때마다 하는 이유는, render() 의 캐시 컨트롤이 안되기 때문이다. 가급적 시도하지 말라. */\n          needBuildChartGroup = true\n          needUpdateDataSeries = true\n        }\n\n        if (changedProperties.has('data')) {\n          needUpdateDataSeries = true\n        }\n\n        if (needBuildChartGroup) {\n          await this.buildChartGroup()\n        }\n\n        if (needUpdateDataSeries) {\n          await this.updateDataSeries()\n        }\n      })\n      .catch((error: any) => {\n        console.error('Error in updated queue:', error)\n      })\n  }\n\n  cleanup() {\n    this.cleanupGroup()\n    this.cleanupOverview()\n  }\n\n  cleanupGroup() {\n    this.groupCharts.forEach(chart => {\n      if (chart.sciChartSurface) {\n        this.synchronizer.removeAxis(chart.sciChartSurface.xAxes.get(0))\n        this.verticalGroup.removeSurface(chart.sciChartSurface)\n        chart.sciChartSurface.delete()\n      }\n    })\n\n    this.groupCharts.length = 0\n  }\n\n  cleanupOverview() {\n    if (this.overviewChart) {\n      this.overviewChart.sciChartSurface.renderableSeries.clear()\n      this.overviewDataSeries.forEach(ds => ds.delete())\n      this.overviewDataSeries.length = 0\n    }\n\n    this.overviewChart = null\n  }\n\n  async updateDataSeries() {\n    const { config, data } = this\n    const { datasets = [], labelDataKey: attrX } = config?.data || {}\n\n    if (!(data instanceof Array) || !attrX) {\n      return []\n    }\n\n    const newData = this.dataSet\n\n    this.groupCharts.forEach(({ dataKey, sciChartSurface, dataSeries }) => {\n      try {\n        // dataKey로 시작하는 모든 시리즈를 업데이트\n        const relatedDatasets = datasets.filter(dataset => dataset.dataKey?.startsWith(dataKey))\n\n        // 각 relatedDatasets에 대해 해당하는 dataSeries를 업데이트\n        dataSeries.forEach((ds, index) => {\n          ds.clear()\n\n          const relatedDataset = relatedDatasets[index]\n          if (relatedDataset) {\n            const filteredData = newData[datasets.findIndex(ds => ds.dataKey === relatedDataset.dataKey)].filter(\n              d => typeof d.yValue === 'number'\n            )\n\n            if (filteredData.length > 0) {\n              ds.appendRange(\n                filteredData.map(d => d.xValue),\n                filteredData.map(d => d.yValue)\n              )\n            }\n          }\n        })\n\n        sciChartSurface.zoomExtents()\n        sciChartSurface.invalidateElement()\n      } catch (error) {\n        console.error('Error updating data series:', error)\n      }\n    })\n\n    try {\n      // Overview 차트 데이터 업데이트\n      this.overviewDataSeries.forEach((ds, index) => {\n        const visibleKey = this.visibleSeries[index]\n        const dataset = datasets.find(dataset => dataset.dataKey === visibleKey)\n        if (!dataset) {\n          return\n        }\n\n        const dataIndex = datasets.findIndex(ds => ds.dataKey === dataset.dataKey)\n        const filteredData = newData[dataIndex]?.filter(d => typeof d.yValue === 'number') || []\n\n        ds.clear()\n        if (filteredData.length > 0) {\n          ds.appendRange(\n            filteredData.map(d => d.xValue),\n            filteredData.map(d => d.yValue)\n          )\n        }\n      })\n\n      // this.overviewDataSeries.forEach(ds => ds.clear())\n\n      // newData.forEach((data, index) => {\n      //   if (this.visibleSeries.includes(datasets[index].dataKey!)) {\n      //     const filteredData = data.filter(d => typeof d.yValue === 'number')\n      //     if (filteredData.length > 0) {\n      //       this.overviewDataSeries[index].appendRange(\n      //         filteredData.map(d => d.xValue),\n      //         filteredData.map(d => d.yValue)\n      //       )\n      //     }\n      //   }\n      // })\n    } catch (error) {\n      console.error('Error updating overview data series:', error)\n    }\n  }\n\n  get dataSet(): { xValue: number; yValue: number }[][] {\n    const { config, data } = this\n    const { datasets = [], labelDataKey: attrX } = config?.data || {}\n\n    if (!(data instanceof Array) || !attrX) {\n      return []\n    }\n\n    return datasets.map(dataset => {\n      return data\n        .map(item => {\n          if (!item || typeof item !== 'object') {\n            return\n          }\n\n          const xValue = new Date(item[attrX])\n          if (isNaN(xValue.getTime())) {\n            console.error('Invalid date:', item[attrX])\n            return\n          }\n\n          return {\n            xValue: xValue.getTime() / 1000,\n            yValue: item[dataset.dataKey!]\n          }\n        })\n        .filter(Boolean) as { xValue: number; yValue: number }[]\n    })\n  }\n\n  render() {\n    const { datasets = [] } = this.config?.data || {}\n\n    return html`\n      <div id=${this.containerId + '-overview'} class=\"overview\" ?hidden=${!this.showOverview}></div>\n      <div id=\"chart-group\">\n        ${this.visibleSeries.map(dataKey =>\n          keyed(\n            dataKey,\n            html`\n              <div\n                id=${this.containerId + '-' + dataKey}\n                class=\"grouped-chart\"\n                ?hidden=${!this.visibleSeries.includes(dataKey!)}\n              ></div>\n            `\n          )\n        )}\n      </div>\n    `\n  }\n\n  async buildChartGroup() {\n    this.cleanupGroup()\n\n    const { config } = this\n    const { datasets = [] } = config?.data || {}\n\n    await Promise.all(\n      datasets\n        .filter(dataset => this.visibleSeries.includes(dataset.dataKey!))\n        .map(async dataset => {\n          await this.addChart(dataset.dataKey!)\n        })\n    )\n  }\n\n  async updateSeries(after: string[], before: string[]) {\n    const addSeries = after?.filter(series => !before.includes(series)) || []\n    const removeSeries = before?.filter(series => !after.includes(series)) || []\n\n    for (const series of removeSeries) {\n      await this.removeChart(series)\n    }\n\n    for (const series of addSeries) {\n      await this.addChart(series)\n    }\n  }\n\n  async addChart(dataKey: string) {\n    const chartData = await this.createChart(dataKey)\n\n    if (chartData) {\n      const { chart, dataSeries, dataKey } = chartData\n      this.verticalGroup.addSurfaceToGroup(chart.sciChartSurface)\n\n      this.groupCharts = this.groupSorter([\n        ...this.groupCharts,\n        { dataKey, sciChartSurface: chart.sciChartSurface, dataSeries }\n      ])\n\n      await this.addSeriesToOverviewChart(dataKey)\n    }\n  }\n\n  async removeChart(dataKey: string) {\n    const index = this.groupCharts.findIndex(chart => chart.dataKey == dataKey)\n    if (index === -1) return\n\n    const [groupedChart] = this.groupCharts.splice(index, 1)\n    this.destroyChart(groupedChart)\n\n    this.groupCharts = this.groupSorter(this.groupCharts)\n\n    await this.removeSeriesFromOverviewChart(dataKey)\n  }\n\n  groupSorter(group: any[]) {\n    return group.sort(\n      (a, b) =>\n        this.visibleSeries.findIndex((s: any) => s.dataKey == a.dataKey) -\n        this.visibleSeries.findIndex((s: any) => s.dataKey == b.dataKey)\n    )\n  }\n\n  async appendData(appendum: { [attr: string]: any }[]) {}\n\n  private async createChart(dataKey: string) {\n    const { data = {}, options = {} } = this.config || {}\n    const { datasets = [] } = data as OperatoChart.ChartData\n    const primaryDataset = datasets.find(dataset => dataset.dataKey == dataKey)\n\n    if (!primaryDataset) {\n      return null\n    }\n\n    const relatedDatasets = datasets.filter(dataset => dataset.dataKey?.startsWith(dataKey))\n\n    const yAxis = {\n      ...options.scales?.yAxes?.[0],\n      axisTitle: primaryDataset?.label\n    }\n\n    const config = {\n      ...this.config,\n      data: {\n        datasets: relatedDatasets\n      },\n      options: {\n        ...options,\n        scales: {\n          ...options.scales,\n          yAxes: [yAxis]\n        }\n      }\n    }\n\n    const container = this.renderRoot.querySelector(`#${this.containerId + '-' + dataKey}`)\n    const { chart, dataSeries } = (await buildSciChart(\n      config,\n      container,\n      { fontSize: 14, fontFamily: 'Roboto', fontColor: undefined },\n      {\n        precision: primaryDataset.valueFormat ? calculatePrecision(primaryDataset.valueFormat) : undefined,\n        grouped: this.containerId\n      }\n    ))!\n\n    this.synchronizer.addAxis(chart.sciChartSurface.xAxes.get(0))\n\n    // 각 시리즈에 대해 올바른 데이터를 추가\n    const newData = this.dataSet\n    dataSeries.forEach((ds, seriesIndex) => {\n      const dataset = relatedDatasets[seriesIndex]\n      const filteredData = newData[seriesIndex]?.filter(d => typeof d.yValue === 'number') || []\n      if (filteredData.length > 0) {\n        ds.appendRange(\n          filteredData.map(d => d.xValue),\n          filteredData.map(d => d.yValue)\n        )\n      }\n    })\n\n    return { chart, dataSeries, dataKey }\n  }\n\n  private destroyChart(groupedChart: { dataKey: string; sciChartSurface: any; dataSeries: any[] }) {\n    this.verticalGroup.removeSurface(groupedChart.sciChartSurface)\n    this.synchronizer.removeAxis(groupedChart.sciChartSurface.xAxes.get(0))\n    groupedChart.sciChartSurface.delete()\n  }\n\n  private async addSeriesToOverviewChart(dataKey: string) {\n    if (!this.overviewChart || !this.overviewDataSeries) {\n      console.error('Overview chart is not initialized.')\n      return\n    }\n\n    // Check if the series already exists in the overview chart\n    const existingSeries = this.overviewChart.sciChartSurface.renderableSeries.asArray().find((series: any) => {\n      return series.dataSeries.dataSeriesName === dataKey\n    })\n\n    if (existingSeries) {\n      console.warn(`Series for dataKey ${dataKey} already exists in the overview chart.`)\n      return // Exit the function without adding the series again\n    }\n\n    const dataset = this.config?.data.datasets.find(dataset => dataset.dataKey === dataKey)\n    if (!dataset) {\n      console.error('Dataset not found for dataKey:', dataKey)\n      return\n    }\n\n    const newSeries = await this.createSeriesForOverview(dataset)\n\n    if (newSeries) {\n      this.overviewChart.sciChartSurface.renderableSeries.add(newSeries.series)\n      this.overviewDataSeries.push(newSeries.dataSeries)\n    }\n  }\n\n  private async removeSeriesFromOverviewChart(dataKey: string) {\n    if (!this.overviewChart || !this.overviewDataSeries) {\n      console.error('Overview chart is not initialized.')\n      return\n    }\n\n    const { sciChartSurface } = this.overviewChart\n\n    // 오버뷰 차트의 renderableSeries에서 해당 시리즈 제거\n    const seriesIndex = sciChartSurface.renderableSeries.asArray().findIndex((series: any) => {\n      return series.dataSeries.dataSeriesName === dataKey\n    })\n\n    if (seriesIndex !== -1) {\n      const series = sciChartSurface.renderableSeries.get(seriesIndex)\n      const yAxisId = series.yAxisId\n\n      // 시리즈 제거\n      sciChartSurface.renderableSeries.removeAt(seriesIndex)\n      this.overviewDataSeries.splice(seriesIndex, 1) // 데이터 시리즈도 제거\n\n      // 고유 Y축 제거\n      if (yAxisId) {\n        const yAxisIndex = sciChartSurface.yAxes.asArray().findIndex((axis: any) => axis.id === yAxisId)\n        if (yAxisIndex !== -1) {\n          sciChartSurface.yAxes.removeAt(yAxisIndex)\n        }\n      }\n    } else {\n      console.error('Series not found in overview chart for dataKey:', dataKey)\n    }\n  }\n\n  private async createSeriesForOverview(dataset: any) {\n    if (!this.overviewChart) return null\n\n    const { sciChartSurface, wasmContext } = this.overviewChart\n    const dataSeries = new XyDataSeries(wasmContext, {\n      dataSeriesName: dataset.dataKey,\n      containsNaN: false\n    })\n\n    // 새로운 Y축을 추가하여 노멀라이즈 효과를 제공\n    const yAxisId = `yAxis_${dataset.dataKey}`\n    const yAxis = new NumericAxis(wasmContext, {\n      id: yAxisId,\n      autoRange: EAutoRange.Always,\n      drawLabels: false,\n      drawMajorTickLines: false,\n      drawMinorTickLines: false,\n      drawMajorGridLines: false,\n      drawMinorGridLines: false\n    })\n\n    sciChartSurface.yAxes.add(yAxis)\n\n    const series = new FastLineRenderableSeries(wasmContext, {\n      dataSeries,\n      strokeThickness: 1,\n      stroke: convertColor(dataset.color, DEFAULT_COLOR),\n      yAxisId\n    })\n\n    // 초기 데이터 추가\n    const newData = this.dataSet.find((data, index) => this.config?.data.datasets[index].dataKey === dataset.dataKey)\n    if (newData && newData.length > 0) {\n      const xValues = newData.map(d => d.xValue)\n      const yValues = newData.map(d => d.yValue).filter(y => typeof y === 'number' && !isNaN(y)) // y 값 검증\n\n      if (yValues.length > 0) {\n        // 유효한 y 값이 있을 때만 추가\n        dataSeries.appendRange(xValues, yValues)\n      } else {\n        console.warn('No valid yValues found for dataset:', dataset.dataKey)\n      }\n    }\n\n    return { series, dataSeries }\n  }\n}\n"]}

package/dist/charts/scichart-builder copy.d.ts

@@ -0,0 +1,22 @@
+import { AxisSynchroniser } from './axis-synchronizer';
+export declare function convertColor(color: string | string[] | undefined, defaultColor?: string): string | undefined;
+export declare function calculatePrecision(format?: string | number): number;
+export declare function buildSciChart(config: OperatoChart.ChartConfig | undefined | null, container: any, { fontSize, fontFamily, fontColor }: {
+    fontSize?: number;
+    fontFamily?: string;
+    fontColor?: string;
+}, { grouped, precision }: {
+    grouped?: string;
+    precision?: number;
+}): Promise<{
+    chart: any;
+    dataSeries: any[];
+} | undefined>;
+export declare function buildSciChartOverview(config: OperatoChart.ChartConfig | undefined | null, container: any, { fontSize, fontFamily, fontColor }: {
+    fontSize?: number;
+    fontFamily?: string;
+    fontColor?: string;
+}, axisSynchroniser: AxisSynchroniser): Promise<{
+    chart: any;
+    dataSeries: any[];
+} | undefined>;