npm - @operato/scene-scichart - Versions diffs - 9.1.1 → 10.0.0-beta.2 - Mend

@operato/scene-scichart 9.1.1 → 10.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/charts/axis-synchronizer.js +3 -2
package/dist/charts/axis-synchronizer.js.map +1 -1
package/dist/charts/ox-scichart-multiple.d.ts +2 -1
package/dist/charts/ox-scichart-multiple.js +70 -74
package/dist/charts/ox-scichart-multiple.js.map +1 -1
package/dist/charts/ox-scichart.d.ts +2 -1
package/dist/charts/ox-scichart.js +46 -51
package/dist/charts/ox-scichart.js.map +1 -1
package/dist/charts/scichart-builder.js +13 -14
package/dist/charts/scichart-builder.js.map +1 -1
package/dist/scichart-multiple-timeseries.js +1 -2
package/dist/scichart-multiple-timeseries.js.map +1 -1
package/dist/scichart-timeseries.js +1 -2
package/dist/scichart-timeseries.js.map +1 -1
package/package.json +14 -14

package/dist/charts/ox-scichart.js CHANGED Viewed

@@ -4,26 +4,46 @@ import { LitElement, html, css } from 'lit';
 import { property, query, customElement } from 'lit/decorators.js';
 import { buildSciChart, updateAnnotations, addAnnotationsOnDataChange, removeAnnotationsByData } from './scichart-builder.js';
 import { NumberRange } from 'scichart';
-let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
+let OxSciChart = class OxSciChart extends LitElement {
+    static { OxSciChart_1 = this; }
+    static MAX_DATA_SIZE = 2000;
     constructor() {
-        super(...arguments);
+        super();
         this.config = null;
         this.data = [];
-        this.chart = null;
-        this.dataSeries = [];
-        /*
-        [주의]
-         ox-scichart container의 id를 글로벌 유니크하게 해야한다.
-         SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.
-         shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.
-         그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.
-         */
-        this.containerId = 'ox-sci-chart' + ++OxSciChart_1.idx;
     }
+    chart = null;
+    dataSeries = [];
+    /*
+    [주의]
+     ox-scichart container의 id를 글로벌 유니크하게 해야한다.
+     SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.
+     shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.
+     그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.
+     */
+    static idx = 0;
+    containerId = 'ox-sci-chart' + ++OxSciChart_1.idx;
+    static styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .chart-container {
+      display: flex;
+      width: 100%;
+      height: 100%;
+    }
+    .chart-content {
+      flex: 1;
+      position: relative;
+    }
+  `;
     async initializeSciChart() {
-        var _a;
         if (this.chart) {
-            (_a = this.chart.sciChartSurface) === null || _a === void 0 ? void 0 : _a.delete();
+            this.chart.sciChartSurface?.delete();
             this.chart = null;
         }
         const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {}, {})) || {};
@@ -33,12 +53,11 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
         this.dataSeries = dataSeries;
     }
     dispose() {
-        var _a;
         // 데이터 시리즈 해제
         this.dataSeries.forEach(ds => ds.delete());
         this.dataSeries = [];
         // SciChartSurface 해제
-        if ((_a = this.chart) === null || _a === void 0 ? void 0 : _a.sciChartSurface) {
+        if (this.chart?.sciChartSurface) {
             this.chart.sciChartSurface.renderableSeries.clear(); // 렌더러 시리즈 제거
             this.chart.sciChartSurface.xAxes.clear(); // X축 제거
             this.chart.sciChartSurface.yAxes.clear(); // Y축 제거
@@ -62,8 +81,7 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
         }
     }
     updateDataSeries() {
-        var _a;
-        if (!((_a = this.dataSeries) === null || _a === void 0 ? void 0 : _a.length)) {
+        if (!this.dataSeries?.length) {
             return;
         }
         this.dataSeries.forEach(ds => ds.clear());
@@ -75,14 +93,13 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
             }
         });
         setTimeout(() => {
-            var _a, _b;
-            (_a = this.chart) === null || _a === void 0 ? void 0 : _a.sciChartSurface.zoomExtents();
-            (_b = this.chart) === null || _b === void 0 ? void 0 : _b.sciChartSurface.invalidateElement();
+            this.chart?.sciChartSurface.zoomExtents();
+            this.chart?.sciChartSurface.invalidateElement();
         }, 200);
     }
     get dataSet() {
         const { config, data } = this;
-        const { datasets = [], labelDataKey: attrX } = (config === null || config === void 0 ? void 0 : config.data) || {};
+        const { datasets = [], labelDataKey: attrX } = config?.data || {};
         if (!(data instanceof Array) || !attrX) {
             return [];
         }
@@ -106,15 +123,14 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
         });
     }
     async appendData(appendum) {
-        var _a, _b, _c, _d;
-        if (!appendum || !appendum.length || !((_a = this.dataSeries) === null || _a === void 0 ? void 0 : _a.length))
+        if (!appendum || !appendum.length || !this.dataSeries?.length)
             return;
         const { config } = this;
-        const { datasets = [], labelDataKey: attrX } = (config === null || config === void 0 ? void 0 : config.data) || {};
+        const { datasets = [], labelDataKey: attrX } = config?.data || {};
         const { options: { annotations = [] } = {}, data: chartData } = config || {};
         if (!attrX)
             return;
-        (_b = this.data) !== null && _b !== void 0 ? _b : (this.data = []);
+        this.data ??= [];
         const prevDataLength = this.data.length;
         const prevData = this.data.slice(); // 기존 데이터 복사
         // 데이터 추가
@@ -125,7 +141,7 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
             removed = this.data.splice(0, appendum.length);
             this.dataSeries.forEach(ds => ds.removeRange(0, appendum.length));
             // 삭제된 데이터와 연관된 annotation 제거
-            if ((_c = this.chart) === null || _c === void 0 ? void 0 : _c.sciChartSurface) {
+            if (this.chart?.sciChartSurface) {
                 removeAnnotationsByData(this.chart.sciChartSurface, removed, chartData, annotations);
             }
         }
@@ -151,7 +167,7 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
             }
         });
         // === annotation 추가: 값이 변경된 경우에만 ===
-        if ((_d = this.chart) === null || _d === void 0 ? void 0 : _d.sciChartSurface) {
+        if (this.chart?.sciChartSurface) {
             addAnnotationsOnDataChange(this.chart.sciChartSurface, annotations, chartData, prevData, appendum
             // config?.options?.fontFamily,
             // config?.options?.fontColor
@@ -159,9 +175,8 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
         }
         // 차트 갱신 및 X축 시프트
         setTimeout(() => {
-            var _a, _b;
-            (_a = this.chart) === null || _a === void 0 ? void 0 : _a.sciChartSurface.invalidateElement();
-            if ((_b = this.chart) === null || _b === void 0 ? void 0 : _b.sciChartSurface) {
+            this.chart?.sciChartSurface.invalidateElement();
+            if (this.chart?.sciChartSurface) {
                 const xAxis = this.chart.sciChartSurface.xAxes.get(0);
                 if (xAxis) {
                     const visibleRange = xAxis.visibleRange;
@@ -180,26 +195,6 @@ let OxSciChart = OxSciChart_1 = class OxSciChart extends LitElement {
         return html ` <div id=${this.containerId} class="chart-container"></div> `;
     }
 };
-OxSciChart.MAX_DATA_SIZE = 2000;
-OxSciChart.idx = 0;
-OxSciChart.styles = css `
-    :host {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    .chart-container {
-      display: flex;
-      width: 100%;
-      height: 100%;
-    }
-    .chart-content {
-      flex: 1;
-      position: relative;
-    }
-  `;
 __decorate([
     property({ type: Object })
 ], OxSciChart.prototype, "config", void 0);

package/dist/charts/ox-scichart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ox-scichart.js","sourceRoot":"","sources":["../../src/charts/ox-scichart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { property, query, customElement } from 'lit/decorators.js'\nimport type { OperatoChart } from '@operato/chart'\nimport {\n buildSciChart,\n updateAnnotations,\n addAnnotationsOnDataChange,\n removeAnnotationsByData\n} from './scichart-builder.js'\nimport { NumberRange } from 'scichart'\n\n@customElement('ox-scichart')\nexport class OxSciChart extends LitElement {\n private static readonly MAX_DATA_SIZE = 2000\n\n @property({ type: Object }) config: OperatoChart.ChartConfig \| null = null\n @property({ type: Array }) data: { [attr: string]: any }[] = []\n\n public chart: any = null\n private dataSeries: any[] = []\n /\n [주의]\n ox-scichart container의 id를 글로벌 유니크하게 해야한다. \n SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.\n shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.\n 그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.\n /\n private containerId: string = 'ox-sci-chart' + ++OxSciChart.idx\n\n @query('.chart-container') container!: HTMLDivElement\n\n static idx: number = 0\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .chart-container {\n display: flex;\n width: 100%;\n height: 100%;\n }\n\n .chart-content {\n flex: 1;\n position: relative;\n }\n `\n\n async initializeSciChart() {\n if (this.chart) {\n this.chart.sciChartSurface?.delete()\n this.chart = null\n }\n\n const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {}, {})) \|\| {}\n\n const { data: chartData, options: { annotations } = {} } = this.config \|\| {}\n updateAnnotations(chart.sciChartSurface, annotations, chartData, this.data)\n\n this.chart = chart\n this.dataSeries = dataSeries!\n }\n\n dispose() {\n // 데이터 시리즈 해제\n this.dataSeries.forEach(ds => ds.delete())\n this.dataSeries = []\n\n // SciChartSurface 해제\n if (this.chart?.sciChartSurface) {\n this.chart.sciChartSurface.renderableSeries.clear() // 렌더러 시리즈 제거\n this.chart.sciChartSurface.xAxes.clear() // X축 제거\n this.chart.sciChartSurface.yAxes.clear() // Y축 제거\n this.chart.sciChartSurface.delete() // SciChartSurface 삭제\n }\n\n this.chart = null // chart 객체 초기화\n }\n\n async updated(changedProperties: Map<string \| number \| symbol, unknown>) {\n var needDataUpdate = false\n\n if (changedProperties.has('config') && this.config) {\n await this.initializeSciChart()\n needDataUpdate = true\n }\n\n if (changedProperties.has('data')) {\n needDataUpdate = true\n }\n\n if (needDataUpdate) {\n await this.updateDataSeries()\n\n const { data: chartData, options: { annotations } = {} } = this.config \|\| {}\n updateAnnotations(this.chart.sciChartSurface, annotations, chartData, this.data)\n }\n }\n\n updateDataSeries() {\n if (!this.dataSeries?.length) {\n return\n }\n\n this.dataSeries.forEach(ds => ds.clear())\n const newData = this.dataSet\n\n newData.forEach((data, index) => {\n const filteredData = data.filter(d => typeof d.yValue === 'number')\n\n if (filteredData.length > 0) {\n this.dataSeries[index].appendRange(\n filteredData.map(d => d.xValue),\n filteredData.map(d => d.yValue)\n )\n }\n })\n\n setTimeout(() => {\n this.chart?.sciChartSurface.zoomExtents()\n this.chart?.sciChartSurface.invalidateElement()\n }, 200)\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 async appendData(appendum: { [attr: string]: any }[]) {\n if (!appendum \|\| !appendum.length \|\| !this.dataSeries?.length) return\n const { config } = this\n const { datasets = [], labelDataKey: attrX } = config?.data \|\| {}\n const { options: { annotations = [] } = {}, data: chartData } = config \|\| {}\n if (!attrX) return\n\n this.data ??= []\n const prevDataLength = this.data.length\n const prevData = this.data.slice() // 기존 데이터 복사\n\n // 데이터 추가\n this.data.push(...appendum)\n\n // 데이터 초과 시 삭제 처리 및 관련 annotation 제거\n let removed: any[] = []\n if (this.data.length > OxSciChart.MAX_DATA_SIZE) {\n removed = this.data.splice(0, appendum.length)\n this.dataSeries.forEach(ds => ds.removeRange(0, appendum.length))\n // 삭제된 데이터와 연관된 annotation 제거\n if (this.chart?.sciChartSurface) {\n removeAnnotationsByData(this.chart.sciChartSurface, removed, chartData, annotations)\n }\n }\n\n // 새로운 데이터만 dataSeries에 추가\n datasets.forEach((dataset, index) => {\n const newData = appendum\n .map(item => {\n if (!item \|\| typeof item !== 'object') return null\n const xValue = new Date(item[attrX])\n if (isNaN(xValue.getTime())) {\n console.error('Invalid date:', item[attrX])\n return null\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 if (newData.length > 0) {\n this.dataSeries[index].appendRange(\n newData.map(d => d.xValue),\n newData.map(d => d.yValue)\n )\n }\n })\n\n // === annotation 추가: 값이 변경된 경우에만 ===\n if (this.chart?.sciChartSurface) {\n addAnnotationsOnDataChange(\n this.chart.sciChartSurface,\n annotations,\n chartData,\n prevData,\n appendum\n // config?.options?.fontFamily,\n // config?.options?.fontColor\n )\n }\n\n // 차트 갱신 및 X축 시프트\n setTimeout(() => {\n this.chart?.sciChartSurface.invalidateElement()\n\n if (this.chart?.sciChartSurface) {\n const xAxis = this.chart.sciChartSurface.xAxes.get(0)\n if (xAxis) {\n const visibleRange = xAxis.visibleRange as NumberRange\n const dataRange = this.dataSeries[0].getXRange() as NumberRange\n\n if (dataRange.max > visibleRange.max) {\n const shift = dataRange.max - visibleRange.max\n const newRange = new NumberRange(visibleRange.min + shift, visibleRange.max + shift)\n xAxis.visibleRange = newRange\n }\n }\n this.chart.sciChartSurface.invalidateElement()\n }\n }, 200)\n }\n\n render() {\n return html` <div id=${this.containerId} class=\"chart-container\"></div> `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ox-scichart': OxSciChart\n }\n}\n"]}
1	+ {"version":3,"file":"ox-scichart.js","sourceRoot":"","sources":["../../src/charts/ox-scichart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { property, query, customElement } from 'lit/decorators.js'\nimport type { OperatoChart } from '@operato/chart'\nimport {\n buildSciChart,\n updateAnnotations,\n addAnnotationsOnDataChange,\n removeAnnotationsByData\n} from './scichart-builder.js'\nimport { NumberRange } from 'scichart'\n\n@customElement('ox-scichart')\nexport class OxSciChart extends LitElement {\n private static readonly MAX_DATA_SIZE = 2000\n\n @property({ type: Object }) declare config: OperatoChart.ChartConfig \| null\n @property({ type: Array }) declare data: { [attr: string]: any }[]\n\n constructor() {\n super()\n this.config = null\n this.data = []\n }\n\n public chart: any = null\n private dataSeries: any[] = []\n /\n [주의]\n ox-scichart container의 id를 글로벌 유니크하게 해야한다. \n SciChart가 특별히 container의 id를 기반으로 하위 컴포넌트를 구성하고 있기 때문이다.\n shadowDom 안에 있는 container 이더라도, 글로벌 유니크한 id를 제공해야 한다.\n 그렇지 않으면, 단 하나의 차트만 제대로 렌더링된다.\n /\n static idx: number = 0\n\n private containerId: string = 'ox-sci-chart' + ++OxSciChart.idx\n\n @query('.chart-container') declare container: HTMLDivElement\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n .chart-container {\n display: flex;\n width: 100%;\n height: 100%;\n }\n\n .chart-content {\n flex: 1;\n position: relative;\n }\n `\n\n async initializeSciChart() {\n if (this.chart) {\n this.chart.sciChartSurface?.delete()\n this.chart = null\n }\n\n const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {}, {})) \|\| {}\n\n const { data: chartData, options: { annotations } = {} } = this.config \|\| {}\n updateAnnotations(chart.sciChartSurface, annotations, chartData, this.data)\n\n this.chart = chart\n this.dataSeries = dataSeries!\n }\n\n dispose() {\n // 데이터 시리즈 해제\n this.dataSeries.forEach(ds => ds.delete())\n this.dataSeries = []\n\n // SciChartSurface 해제\n if (this.chart?.sciChartSurface) {\n this.chart.sciChartSurface.renderableSeries.clear() // 렌더러 시리즈 제거\n this.chart.sciChartSurface.xAxes.clear() // X축 제거\n this.chart.sciChartSurface.yAxes.clear() // Y축 제거\n this.chart.sciChartSurface.delete() // SciChartSurface 삭제\n }\n\n this.chart = null // chart 객체 초기화\n }\n\n async updated(changedProperties: Map<string \| number \| symbol, unknown>) {\n var needDataUpdate = false\n\n if (changedProperties.has('config') && this.config) {\n await this.initializeSciChart()\n needDataUpdate = true\n }\n\n if (changedProperties.has('data')) {\n needDataUpdate = true\n }\n\n if (needDataUpdate) {\n await this.updateDataSeries()\n\n const { data: chartData, options: { annotations } = {} } = this.config \|\| {}\n updateAnnotations(this.chart.sciChartSurface, annotations, chartData, this.data)\n }\n }\n\n updateDataSeries() {\n if (!this.dataSeries?.length) {\n return\n }\n\n this.dataSeries.forEach(ds => ds.clear())\n const newData = this.dataSet\n\n newData.forEach((data, index) => {\n const filteredData = data.filter(d => typeof d.yValue === 'number')\n\n if (filteredData.length > 0) {\n this.dataSeries[index].appendRange(\n filteredData.map(d => d.xValue),\n filteredData.map(d => d.yValue)\n )\n }\n })\n\n setTimeout(() => {\n this.chart?.sciChartSurface.zoomExtents()\n this.chart?.sciChartSurface.invalidateElement()\n }, 200)\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 async appendData(appendum: { [attr: string]: any }[]) {\n if (!appendum \|\| !appendum.length \|\| !this.dataSeries?.length) return\n const { config } = this\n const { datasets = [], labelDataKey: attrX } = config?.data \|\| {}\n const { options: { annotations = [] } = {}, data: chartData } = config \|\| {}\n if (!attrX) return\n\n this.data ??= []\n const prevDataLength = this.data.length\n const prevData = this.data.slice() // 기존 데이터 복사\n\n // 데이터 추가\n this.data.push(...appendum)\n\n // 데이터 초과 시 삭제 처리 및 관련 annotation 제거\n let removed: any[] = []\n if (this.data.length > OxSciChart.MAX_DATA_SIZE) {\n removed = this.data.splice(0, appendum.length)\n this.dataSeries.forEach(ds => ds.removeRange(0, appendum.length))\n // 삭제된 데이터와 연관된 annotation 제거\n if (this.chart?.sciChartSurface) {\n removeAnnotationsByData(this.chart.sciChartSurface, removed, chartData, annotations)\n }\n }\n\n // 새로운 데이터만 dataSeries에 추가\n datasets.forEach((dataset, index) => {\n const newData = appendum\n .map(item => {\n if (!item \|\| typeof item !== 'object') return null\n const xValue = new Date(item[attrX])\n if (isNaN(xValue.getTime())) {\n console.error('Invalid date:', item[attrX])\n return null\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 if (newData.length > 0) {\n this.dataSeries[index].appendRange(\n newData.map(d => d.xValue),\n newData.map(d => d.yValue)\n )\n }\n })\n\n // === annotation 추가: 값이 변경된 경우에만 ===\n if (this.chart?.sciChartSurface) {\n addAnnotationsOnDataChange(\n this.chart.sciChartSurface,\n annotations,\n chartData,\n prevData,\n appendum\n // config?.options?.fontFamily,\n // config?.options?.fontColor\n )\n }\n\n // 차트 갱신 및 X축 시프트\n setTimeout(() => {\n this.chart?.sciChartSurface.invalidateElement()\n\n if (this.chart?.sciChartSurface) {\n const xAxis = this.chart.sciChartSurface.xAxes.get(0)\n if (xAxis) {\n const visibleRange = xAxis.visibleRange as NumberRange\n const dataRange = this.dataSeries[0].getXRange() as NumberRange\n\n if (dataRange.max > visibleRange.max) {\n const shift = dataRange.max - visibleRange.max\n const newRange = new NumberRange(visibleRange.min + shift, visibleRange.max + shift)\n xAxis.visibleRange = newRange\n }\n }\n this.chart.sciChartSurface.invalidateElement()\n }\n }, 200)\n }\n\n render() {\n return html` <div id=${this.containerId} class=\"chart-container\"></div> `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ox-scichart': OxSciChart\n }\n}\n"]}

package/dist/charts/scichart-builder.js CHANGED Viewed

@@ -253,23 +253,22 @@ export async function buildSciChart(config, container, { fontSize = 13, fontFami
                 showAxisLabel: true /* show x-axis label for cursor */,
                 modifierGroup: grouped,
                 tooltipDataTemplate: (seriesInfo) => {
-                    var _a, _b;
                     const valuesWithLabels = [];
                     const xySeriesInfo = seriesInfo;
                     let formattedValue = xySeriesInfo.yValue;
                     // 시리즈 이름으로 인덱스 찾기
                     const datasetIdx = datasets.findIndex(ds => ds.label === xySeriesInfo.seriesName);
                     const thisDataset = datasets[datasetIdx >= 0 ? datasetIdx : index];
-                    const valueFormat = (thisDataset === null || thisDataset === void 0 ? void 0 : thisDataset.valueFormat) || '0.##';
+                    const valueFormat = thisDataset?.valueFormat || '0.##';
                     if (typeof formattedValue === 'number') {
                         // prefix, numberFormat, suffix 분리
                         const match = valueFormat.match(/^(.*?)([#,0.]+)(.*?)$/);
                         const prefix = match ? match[1] : '';
                         const numberFormat = match ? match[2] : valueFormat;
                         const suffix = match ? match[3] : '';
-                        const decimalPart = (_a = numberFormat.split('.')[1]) === null || _a === void 0 ? void 0 : _a.replace(/[^#0]/g, '');
+                        const decimalPart = numberFormat.split('.')[1]?.replace(/[^#0]/g, '');
                         let minFrac = decimalPart ? decimalPart.length : 0;
-                        let maxFrac = ((_b = numberFormat.split('.')[1]) === null || _b === void 0 ? void 0 : _b.length) || 2;
+                        let maxFrac = numberFormat.split('.')[1]?.length || 2;
                         const formattedNumber = new Intl.NumberFormat(undefined, {
                             minimumFractionDigits: minFrac,
                             maximumFractionDigits: maxFrac,
@@ -306,7 +305,7 @@ export async function buildSciChart(config, container, { fontSize = 13, fontFami
     sciChartSurface.chartModifiers.add(new RubberBandXyZoomModifier({ executeOn: EExecuteOn.MouseRightButton, modifierGroup: grouped }),
     // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),
     new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }), new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }), new ZoomExtentsModifier(), new XAxisDragModifier(), new YAxisDragModifier());
-    if (legend === null || legend === void 0 ? void 0 : legend.display) {
+    if (legend?.display) {
         const legendModifier = new LegendModifier({
             showCheckboxes: true,
             showSeriesMarkers: true,
@@ -424,9 +423,9 @@ function getYCoordModeByAnchor(anchor) {
     return ECoordinateMode.Relative;
 }
 export function updateAnnotations(sciChartSurface, annotations = [], fromData, rawData = [], fontSize, fontFamily, fontColor) {
-    fontSize || (fontSize = 13);
-    fontFamily || (fontFamily = 'Roboto');
-    fontColor || (fontColor = '#FFFFFF');
+    fontSize ||= 13;
+    fontFamily ||= 'Roboto';
+    fontColor ||= '#FFFFFF';
     sciChartSurface.annotations.clear();
     if (annotations) {
         annotations.forEach(annotation => {
@@ -443,7 +442,7 @@ export function updateAnnotations(sciChartSurface, annotations = [], fromData, r
                     : EVerticalAnchorPoint.Center;
             // dataKey가 있는 경우 데이터와 연동
             if (annotation.dataKey && rawData && rawData.length > 0) {
-                const attrX = (fromData === null || fromData === void 0 ? void 0 : fromData.labelDataKey) || ''; // X축 데이터 키 가져오기
+                const attrX = fromData?.labelDataKey || ''; // X축 데이터 키 가져오기
                 if (annotation.type === 'verticalLine') {
                     // 수직 라인: falsy => truthy 변화 지점에만 표시
                     let prevValue = undefined;
@@ -722,10 +721,10 @@ export function updateAnnotations(sciChartSurface, annotations = [], fromData, r
 export function addAnnotationsOnDataChange(sciChartSurface, annotations = [], fromData, prevData = [], appendum = [], fontSize, fontFamily, fontColor) {
     if (!annotations || !appendum || !appendum.length)
         return;
-    fontSize || (fontSize = 13);
-    fontFamily || (fontFamily = 'Roboto');
-    fontColor || (fontColor = '#FFFFFF');
-    const attrX = (fromData === null || fromData === void 0 ? void 0 : fromData.labelDataKey) || '';
+    fontSize ||= 13;
+    fontFamily ||= 'Roboto';
+    fontColor ||= '#FFFFFF';
+    const attrX = fromData?.labelDataKey || '';
     annotations
         .filter(annotation => annotation.dataKey && (annotation.type == 'text' || annotation.type == 'verticalLine'))
         .forEach(annotation => {
@@ -794,7 +793,7 @@ export function addAnnotationsOnDataChange(sciChartSurface, annotations = [], fr
 export function removeAnnotationsByData(sciChartSurface, removedData = [], fromData, annotations = []) {
     if (!removedData || !removedData.length || !annotations.length)
         return;
-    const attrX = (fromData === null || fromData === void 0 ? void 0 : fromData.labelDataKey) || '';
+    const attrX = fromData?.labelDataKey || '';
     const removedXValues = removedData
         .map(item => {
         const xValue = attrX ? new Date(item[attrX]).getTime() / 1000 : undefined;