@operato/chart 7.0.37 → 7.0.40

package/dist/src/editors/templates/series.js

@@ -0,0 +1,277 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { LitElement, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
+import { random as randomColor, TinyColor } from '@ctrl/tinycolor';
+import './display-value';
+let MultipleSeriesTemplate = class MultipleSeriesTemplate extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.has('configurer') || _changedProperties.has('chartType')) {
+            this.requestUpdate();
+        }
+    }
+    render() {
+        return keyed(this.configurer.currentSeriesIndex, html `
+        <div id="series-properties-container" fullwidth>
+          <div id="series-tab-header" @wheel=${this._onWheelScroll}>
+            <md-icon id="series-tab-nav-left-button" @click=${this._scrollLeft}>chevron_left</md-icon>
+            <div id="series-tabs" active-tab-index=${this.configurer.currentSeriesIndex} fit-container>
+              ${this._renderTabs()}
+            </div>
+            <md-icon id="series-tab-nav-right-button" @click=${this._scrollRight}>chevron_right</md-icon>
+          </div>
+          <div id="add-series-button-container">
+            <md-icon id="add-series-button" @click=${this._addSeries}>add</md-icon>
+          </div>
+          ${this._renderSeriesForm()}
+        </div>
+      `);
+    }
+    _renderTabs() {
+        return this.configurer.datasets.map((dataset, index) => html `
+        <div
+          data-series=${index + 1}
+          data-tab-index=${index}
+          tab
+          ?selected=${index === this.configurer.currentSeriesIndex}
+          @click=${() => this._selectTab(index)}
+        >
+          ${index + 1}
+          ${this.configurer.datasets.length > 1 && this.configurer.currentSeriesIndex === index
+            ? html `<md-icon @click=${() => this._removeSeries(index)}>close</md-icon>`
+            : html ``}
+        </div>
+      `);
+    }
+    _renderSeriesForm() {
+        const configurer = this.configurer;
+        const chartType = this.chartType;
+        return html `
+      <div class="tab-content">
+        <label for="data-key"> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
+        <input id="data-key" type="text" value-key="dataKey" .value=${configurer.dataKey || ''} />
+
+        ${chartType === 'line' || chartType === 'bar'
+            ? html `
+              <label for="series-type"> <ox-i18n msgid="label.series-type">Type</ox-i18n> </label>
+              <select
+                id="series-type"
+                class="select-content"
+                value-key="series.type"
+                .value=${configurer.series.type || ''}
+              >
+                <option value="bar" selected>Bar</option>
+                <option value="line">Line</option>
+              </select>
+            `
+            : html ``}
+
+        <label for="series-label"> <ox-i18n msgid="label.label">Label</ox-i18n> </label>
+        <input id="series-label" type="text" value-key="series.label" .value=${configurer.series.label || ''} />
+
+        ${configurer.series.type === 'line'
+            ? html `
+              <label for="series-line-tension"> <ox-i18n msgid="label.line-tension">Line Tension</ox-i18n> </label>
+              <select
+                id="series-line-tension"
+                class="select-content"
+                value-key="series.lineTension"
+                .value=${String(configurer.series.lineTension || 0)}
+              >
+                <option value="0.4">Smooth</option>
+                <option value="0">Angled</option>
+              </select>
+            `
+            : html ``}
+        ${configurer.series.type === 'line'
+            ? html `
+              <label for="series-border-width"> <ox-i18n msgid="label.border-width">Border Width</ox-i18n> </label>
+              <input
+                id="series-border-width"
+                type="number"
+                value-key="series.borderWidth"
+                .value=${String(configurer.series.borderWidth || 0)}
+              />
+            `
+            : html ``}
+
+        <label for="series-color"> <ox-i18n msgid="label.color">Color</ox-i18n> </label>
+        <ox-input-color id="series-color" value-key="color" .value=${configurer.color}></ox-input-color>
+
+        ${configurer.series.type === 'line'
+            ? html `
+              <label for="series-point-style"> <ox-i18n msgid="label.point-shape">Point Shape</ox-i18n> </label>
+              <select
+                id="series-point-style"
+                class="select-content"
+                value-key="series.pointStyle"
+                .value=${configurer.series.pointStyle || ''}
+              >
+                <option value="">&nbsp;</option>
+                <option value="circle">⚬</option>
+                <option value="triangle">▵</option>
+                <option value="rect">□</option>
+                <option value="rectRot">◇</option>
+                <option value="cross">+</option>
+                <option value="crossRot">⨉</option>
+                <option value="star">✱</option>
+                <option value="line">―</option>
+                <option value="dash">┄</option>
+              </select>
+
+              <label for="series-point-radius"> <ox-i18n msgid="label.point-size">Point Size</ox-i18n> </label>
+              <input
+                id="series-point-radius"
+                type="number"
+                value-key="series.pointRadius"
+                .value=${String(configurer.series.pointRadius || 0)}
+              />
+            `
+            : html ``}
+
+        <label for="series-stack"> <ox-i18n msgid="label.stack-group">Stack group</ox-i18n> </label>
+        <input id="series-stack" type="text" value-key="series.stack" .value=${configurer.series.stack || ''} />
+
+        ${configurer.series.type === 'line'
+            ? html `
+              <input id="series-fill" type="checkbox" value-key="series.fill" ?checked=${configurer.series.fill} />
+              <label for="series-fill"> <ox-i18n msgid="label.fill">Fill</ox-i18n> </label>
+            `
+            : html ``}
+        ${configurer.multiAxis && configurer.series.type !== 'horizontalBar'
+            ? html `
+              <label for="series-y-axis-id"> <ox-i18n msgid="label.target-axis">Target Axis</ox-i18n> </label>
+              <select
+                id="series-y-axis-id"
+                class="select-content"
+                value-key="series.yAxisID"
+                .value=${configurer.series.yAxisID || ''}
+              >
+                <option value="left">Left</option>
+                <option value="right">Right</option>
+              </select>
+            `
+            : html ``}
+
+        <label></label>
+        <ox-chart-display-value .configurer=${configurer} fullwidth></ox-chart-display-value>
+      </div>
+    `;
+    }
+    _getSeriesModel({ chartType, datasetsLength, lastSeriesColor }) {
+        const addSeriesOption = {
+            label: `series ${datasetsLength + 1}`,
+            data: [],
+            borderWidth: 1,
+            dataKey: '',
+            yAxisID: 'left',
+            color: randomColor({
+                hue: lastSeriesColor.toHsv().h
+            }).toRgbString(),
+            stack: ''
+        };
+        addSeriesOption.type = addSeriesOption.chartType = chartType;
+        return addSeriesOption;
+    }
+    _selectTab(index) {
+        this.configurer.setCurrentSeriesIndex(index);
+        this.requestUpdate();
+    }
+    _removeSeries(index) {
+        this.configurer.removeSeries(index);
+        this.requestUpdate();
+    }
+    _addSeries() {
+        const configurer = this.configurer;
+        if (!configurer.config.data.datasets) {
+            return;
+        }
+        const lastSeriesIndex = configurer.config.data.datasets.length;
+        const chartType = configurer.series.type || configurer.config.type;
+        const color = configurer.datasets[lastSeriesIndex - 1]?.backgroundColor;
+        const lastSeriesColor = new TinyColor(Array.isArray(color) ? color[0] : color);
+        const seriesModel = this._getSeriesModel({
+            chartType: chartType,
+            datasetsLength: lastSeriesIndex,
+            lastSeriesColor
+        });
+        this.configurer.addSeries(seriesModel);
+        this.requestUpdate();
+    }
+    _onWheelScroll(event) {
+        const tabContainer = this.seriesTabs;
+        if (tabContainer) {
+            event.preventDefault();
+            tabContainer.scrollLeft += event.deltaY;
+            this._onTabScroll();
+        }
+    }
+    _scrollLeft() {
+        this._scrollTabContainer(-1);
+    }
+    _scrollRight() {
+        this._scrollTabContainer(1);
+    }
+    _scrollTabContainer(direction) {
+        const tabContainer = this.renderRoot.querySelector('#series-tabs');
+        if (tabContainer) {
+            tabContainer.style.scrollBehavior = 'smooth';
+            tabContainer.scrollLeft += direction * tabContainer.clientWidth;
+        }
+        setTimeout(() => {
+            tabContainer.style.scrollBehavior = 'auto';
+            this._onTabScroll();
+        }, 300);
+    }
+    _onTabScroll() {
+        let tabContainer;
+        let tabNavLeftButton;
+        let tabNavRightButton;
+        tabContainer = this.seriesTabs;
+        tabNavLeftButton = this.seriesTabNavLeftButton;
+        tabNavRightButton = this.seriesTabNavRightButton;
+        if (!tabContainer) {
+            return;
+        }
+        if (tabContainer.clientWidth == tabContainer.scrollWidth) {
+            tabNavLeftButton.setAttribute('disabled', '');
+            tabNavRightButton.setAttribute('disabled', '');
+        }
+        else if (tabContainer.scrollLeft <= 0) {
+            tabNavLeftButton.setAttribute('disabled', '');
+            tabNavRightButton.removeAttribute('disabled');
+        }
+        else if (tabContainer.scrollLeft + tabContainer.clientWidth >= tabContainer.scrollWidth) {
+            tabNavLeftButton.removeAttribute('disabled');
+            tabNavRightButton.setAttribute('disabled', '');
+        }
+        else {
+            tabNavLeftButton.removeAttribute('disabled');
+            tabNavRightButton.removeAttribute('disabled');
+        }
+    }
+};
+__decorate([
+    property({ type: Object })
+], MultipleSeriesTemplate.prototype, "configurer", void 0);
+__decorate([
+    property({ type: String })
+], MultipleSeriesTemplate.prototype, "chartType", void 0);
+__decorate([
+    query('#series-tabs')
+], MultipleSeriesTemplate.prototype, "seriesTabs", void 0);
+__decorate([
+    query('#series-tab-nav-left-button')
+], MultipleSeriesTemplate.prototype, "seriesTabNavLeftButton", void 0);
+__decorate([
+    query('#series-tab-nav-right-button')
+], MultipleSeriesTemplate.prototype, "seriesTabNavRightButton", void 0);
+MultipleSeriesTemplate = __decorate([
+    customElement('ox-chart-series')
+], MultipleSeriesTemplate);
+export { MultipleSeriesTemplate };
+//# sourceMappingURL=series.js.map

package/dist/src/editors/templates/series.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"series.js","sourceRoot":"","sources":["../../../../src/editors/templates/series.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { LitElement, html, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { MdIcon } from '@material/web/icon/icon.js'\nimport { random as randomColor, TinyColor } from '@ctrl/tinycolor'\n\nimport { Configurer } from '../configurer'\nimport './display-value'\n\n@customElement('ox-chart-series')\nexport class MultipleSeriesTemplate extends LitElement {\n  createRenderRoot() {\n    return this\n  }\n\n  @property({ type: Object }) configurer!: Configurer\n  @property({ type: String }) chartType?: 'bar' | 'horizontalBar' | 'line' | 'radar' | 'pie' | 'doughnut' | 'polarArea'\n\n  @query('#series-tabs') seriesTabs!: HTMLElement\n  @query('#series-tab-nav-left-button') seriesTabNavLeftButton!: MdIcon\n  @query('#series-tab-nav-right-button') seriesTabNavRightButton!: MdIcon\n\n  protected updated(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has('configurer') || _changedProperties.has('chartType')) {\n      this.requestUpdate()\n    }\n  }\n\n  render() {\n    return keyed(\n      this.configurer.currentSeriesIndex,\n      html`\n        <div id=\"series-properties-container\" fullwidth>\n          <div id=\"series-tab-header\" @wheel=${this._onWheelScroll}>\n            <md-icon id=\"series-tab-nav-left-button\" @click=${this._scrollLeft}>chevron_left</md-icon>\n            <div id=\"series-tabs\" active-tab-index=${this.configurer.currentSeriesIndex} fit-container>\n              ${this._renderTabs()}\n            </div>\n            <md-icon id=\"series-tab-nav-right-button\" @click=${this._scrollRight}>chevron_right</md-icon>\n          </div>\n          <div id=\"add-series-button-container\">\n            <md-icon id=\"add-series-button\" @click=${this._addSeries}>add</md-icon>\n          </div>\n          ${this._renderSeriesForm()}\n        </div>\n      `\n    )\n  }\n\n  private _renderTabs() {\n    return this.configurer.datasets.map(\n      (dataset: OperatoChart.Dataset, index: number) => html`\n        <div\n          data-series=${index + 1}\n          data-tab-index=${index}\n          tab\n          ?selected=${index === this.configurer.currentSeriesIndex}\n          @click=${() => this._selectTab(index)}\n        >\n          ${index + 1}\n          ${this.configurer.datasets.length > 1 && this.configurer.currentSeriesIndex === index\n            ? html`<md-icon @click=${() => this._removeSeries(index)}>close</md-icon>`\n            : html``}\n        </div>\n      `\n    )\n  }\n\n  private _renderSeriesForm() {\n    const configurer = this.configurer\n    const chartType = this.chartType\n\n    return html`\n      <div class=\"tab-content\">\n        <label for=\"data-key\"> <ox-i18n msgid=\"label.data-key\">Data Key</ox-i18n> </label>\n        <input id=\"data-key\" type=\"text\" value-key=\"dataKey\" .value=${configurer.dataKey || ''} />\n\n        ${chartType === 'line' || chartType === 'bar'\n          ? html`\n              <label for=\"series-type\"> <ox-i18n msgid=\"label.series-type\">Type</ox-i18n> </label>\n              <select\n                id=\"series-type\"\n                class=\"select-content\"\n                value-key=\"series.type\"\n                .value=${configurer.series.type || ''}\n              >\n                <option value=\"bar\" selected>Bar</option>\n                <option value=\"line\">Line</option>\n              </select>\n            `\n          : html``}\n\n        <label for=\"series-label\"> <ox-i18n msgid=\"label.label\">Label</ox-i18n> </label>\n        <input id=\"series-label\" type=\"text\" value-key=\"series.label\" .value=${configurer.series.label || ''} />\n\n        ${configurer.series.type === 'line'\n          ? html`\n              <label for=\"series-line-tension\"> <ox-i18n msgid=\"label.line-tension\">Line Tension</ox-i18n> </label>\n              <select\n                id=\"series-line-tension\"\n                class=\"select-content\"\n                value-key=\"series.lineTension\"\n                .value=${String(configurer.series.lineTension || 0)}\n              >\n                <option value=\"0.4\">Smooth</option>\n                <option value=\"0\">Angled</option>\n              </select>\n            `\n          : html``}\n        ${configurer.series.type === 'line'\n          ? html`\n              <label for=\"series-border-width\"> <ox-i18n msgid=\"label.border-width\">Border Width</ox-i18n> </label>\n              <input\n                id=\"series-border-width\"\n                type=\"number\"\n                value-key=\"series.borderWidth\"\n                .value=${String(configurer.series.borderWidth || 0)}\n              />\n            `\n          : html``}\n\n        <label for=\"series-color\"> <ox-i18n msgid=\"label.color\">Color</ox-i18n> </label>\n        <ox-input-color id=\"series-color\" value-key=\"color\" .value=${configurer.color}></ox-input-color>\n\n        ${configurer.series.type === 'line'\n          ? html`\n              <label for=\"series-point-style\"> <ox-i18n msgid=\"label.point-shape\">Point Shape</ox-i18n> </label>\n              <select\n                id=\"series-point-style\"\n                class=\"select-content\"\n                value-key=\"series.pointStyle\"\n                .value=${configurer.series.pointStyle || ''}\n              >\n                <option value=\"\">&nbsp;</option>\n                <option value=\"circle\">⚬</option>\n                <option value=\"triangle\">▵</option>\n                <option value=\"rect\">□</option>\n                <option value=\"rectRot\">◇</option>\n                <option value=\"cross\">+</option>\n                <option value=\"crossRot\">⨉</option>\n                <option value=\"star\">✱</option>\n                <option value=\"line\">―</option>\n                <option value=\"dash\">┄</option>\n              </select>\n\n              <label for=\"series-point-radius\"> <ox-i18n msgid=\"label.point-size\">Point Size</ox-i18n> </label>\n              <input\n                id=\"series-point-radius\"\n                type=\"number\"\n                value-key=\"series.pointRadius\"\n                .value=${String(configurer.series.pointRadius || 0)}\n              />\n            `\n          : html``}\n\n        <label for=\"series-stack\"> <ox-i18n msgid=\"label.stack-group\">Stack group</ox-i18n> </label>\n        <input id=\"series-stack\" type=\"text\" value-key=\"series.stack\" .value=${configurer.series.stack || ''} />\n\n        ${configurer.series.type === 'line'\n          ? html`\n              <input id=\"series-fill\" type=\"checkbox\" value-key=\"series.fill\" ?checked=${configurer.series.fill} />\n              <label for=\"series-fill\"> <ox-i18n msgid=\"label.fill\">Fill</ox-i18n> </label>\n            `\n          : html``}\n        ${configurer.multiAxis && configurer.series.type !== 'horizontalBar'\n          ? html`\n              <label for=\"series-y-axis-id\"> <ox-i18n msgid=\"label.target-axis\">Target Axis</ox-i18n> </label>\n              <select\n                id=\"series-y-axis-id\"\n                class=\"select-content\"\n                value-key=\"series.yAxisID\"\n                .value=${configurer.series.yAxisID || ''}\n              >\n                <option value=\"left\">Left</option>\n                <option value=\"right\">Right</option>\n              </select>\n            `\n          : html``}\n\n        <label></label>\n        <ox-chart-display-value .configurer=${configurer} fullwidth></ox-chart-display-value>\n      </div>\n    `\n  }\n\n  _getSeriesModel({\n    chartType,\n    datasetsLength,\n    lastSeriesColor\n  }: {\n    chartType: string\n    datasetsLength: number\n    lastSeriesColor: TinyColor\n  }) {\n    const addSeriesOption: any = {\n      label: `series ${datasetsLength + 1}`,\n      data: [],\n      borderWidth: 1,\n      dataKey: '',\n      yAxisID: 'left',\n      color: randomColor({\n        hue: lastSeriesColor.toHsv().h\n      }).toRgbString(),\n      stack: ''\n    }\n\n    addSeriesOption.type = addSeriesOption.chartType = chartType\n    return addSeriesOption\n  }\n\n  private _selectTab(index: number) {\n    this.configurer.setCurrentSeriesIndex(index)\n    this.requestUpdate()\n  }\n\n  private _removeSeries(index: number) {\n    this.configurer.removeSeries(index)\n    this.requestUpdate()\n  }\n\n  private _addSeries() {\n    const configurer = this.configurer\n\n    if (!configurer.config.data.datasets) {\n      return\n    }\n\n    const lastSeriesIndex = configurer.config.data.datasets.length\n    const chartType = configurer.series.type || configurer.config.type\n    const color = configurer.datasets[lastSeriesIndex - 1]?.backgroundColor\n    const lastSeriesColor = new TinyColor(Array.isArray(color) ? color[0] : color)\n\n    const seriesModel = this._getSeriesModel({\n      chartType: chartType!,\n      datasetsLength: lastSeriesIndex,\n      lastSeriesColor\n    })\n\n    this.configurer.addSeries(seriesModel)\n    this.requestUpdate()\n  }\n\n  private _onWheelScroll(event: WheelEvent) {\n    const tabContainer = this.seriesTabs\n    if (tabContainer) {\n      event.preventDefault()\n\n      tabContainer.scrollLeft += event.deltaY\n\n      this._onTabScroll()\n    }\n  }\n\n  private _scrollLeft() {\n    this._scrollTabContainer(-1)\n  }\n\n  private _scrollRight() {\n    this._scrollTabContainer(1)\n  }\n\n  private _scrollTabContainer(direction: number) {\n    const tabContainer = this.renderRoot!.querySelector<HTMLElement>('#series-tabs')\n    if (tabContainer) {\n      tabContainer.style.scrollBehavior = 'smooth'\n      tabContainer.scrollLeft += direction * tabContainer.clientWidth\n    }\n\n    setTimeout(() => {\n      tabContainer!.style.scrollBehavior = 'auto'\n      this._onTabScroll()\n    }, 300)\n  }\n\n  private _onTabScroll() {\n    let tabContainer: HTMLElement | null | undefined\n    let tabNavLeftButton: MdIcon\n    let tabNavRightButton: MdIcon\n\n    tabContainer = this.seriesTabs\n    tabNavLeftButton = this.seriesTabNavLeftButton\n    tabNavRightButton = this.seriesTabNavRightButton\n\n    if (!tabContainer) {\n      return\n    }\n\n    if (tabContainer.clientWidth == tabContainer.scrollWidth) {\n      tabNavLeftButton.setAttribute('disabled', '')\n      tabNavRightButton.setAttribute('disabled', '')\n    } else if (tabContainer.scrollLeft <= 0) {\n      tabNavLeftButton.setAttribute('disabled', '')\n      tabNavRightButton.removeAttribute('disabled')\n    } else if (tabContainer.scrollLeft + tabContainer.clientWidth >= tabContainer.scrollWidth) {\n      tabNavLeftButton.removeAttribute('disabled')\n      tabNavRightButton.setAttribute('disabled', '')\n    } else {\n      tabNavLeftButton.removeAttribute('disabled')\n      tabNavRightButton.removeAttribute('disabled')\n    }\n  }\n}\n"]}

package/dist/src/scichart/ox-scichart.js

@@ -72,9 +72,10 @@ let OxSciChart = class OxSciChart extends LitElement {
         this.dataSeries.forEach(ds => ds.clear());
         const newData = this.dataSet;
         newData.forEach((data, index) => {
-            const xValues = data.map(d => d.xValue);
-            const yValues = data.map(d => d.yValue || 0);
-            this.dataSeries[index].appendRange(xValues, yValues);
+            const filteredData = data.filter(d => typeof d.yValue === 'number');
+            if (filteredData.length > 0) {
+                this.dataSeries[index].appendRange(filteredData.map(d => d.xValue), filteredData.map(d => d.yValue));
+            }
         });
         this.chart?.sciChartSurface.zoomExtents();
         this.chart?.sciChartSurface.invalidateElement();

package/dist/src/scichart/ox-scichart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-scichart.js","sourceRoot":"","sources":["../../../src/scichart/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 { buildSciChart } from './scichart-builder'\n\ndeclare global {\n  interface Window {\n    sciChartLoaded: boolean\n    sciChartLoadingPromise: Promise<void>\n  }\n}\n\n@customElement('ox-scichart')\nclass OxSciChart extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [attr: string]: any }[] = []\n\n  private chart: any = null\n  private dataSeries: any[] = []\n\n  @query('div#container') 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  firstUpdated() {\n    this.loadSciChart()\n  }\n\n  async loadSciChart() {\n    if (!window.sciChartLoaded) {\n      if (!window.sciChartLoadingPromise) {\n        window.sciChartLoadingPromise = new Promise<void>(resolve => {\n          const script = document.createElement('script')\n          script.src = 'https://cdn.jsdelivr.net/npm/scichart/index.min.js'\n          script.crossOrigin = 'anonymous'\n          script.onload = () => {\n            window.sciChartLoaded = true\n\n            SciChart.SciChartSurface.UseCommunityLicense()\n\n            resolve()\n          }\n          document.head.appendChild(script)\n        })\n      }\n\n      await window.sciChartLoadingPromise\n    }\n\n    this.initializeSciChart()\n  }\n\n  async initializeSciChart() {\n    const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {})) || {}\n\n    this.chart = chart\n    this.dataSeries = dataSeries!\n\n    this.updateDataSeries()\n  }\n\n  async updated(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('config') && this.config) {\n      await this.initializeSciChart()\n    }\n\n    if (changedProperties.has('data')) {\n      this.updateDataSeries()\n      this.chart?.sciChartSurface.zoomExtents()\n    }\n  }\n\n  async appendData(appendum: { [attr: string]: any }[]) {}\n\n  updateDataSeries() {\n    if (!this.dataSeries?.length) return\n\n    this.dataSeries.forEach(ds => ds.clear())\n    const newData = this.dataSet\n\n    newData.forEach((data, index) => {\n      const xValues = data.map(d => d.xValue)\n      const yValues = data.map(d => d.yValue || 0)\n\n      this.dataSeries[index].appendRange(xValues, yValues)\n    })\n\n    this.chart?.sciChartSurface.zoomExtents()\n    this.chart?.sciChartSurface.invalidateElement()\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    return html` <div id=\"container\" class=\"chart-container\"></div> `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-scichart': OxSciChart\n  }\n}\n"]}
+{"version":3,"file":"ox-scichart.js","sourceRoot":"","sources":["../../../src/scichart/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 { buildSciChart } from './scichart-builder'\n\ndeclare global {\n  interface Window {\n    sciChartLoaded: boolean\n    sciChartLoadingPromise: Promise<void>\n  }\n}\n\n@customElement('ox-scichart')\nclass OxSciChart extends LitElement {\n  @property({ type: Object }) config: OperatoChart.ChartConfig | null = null\n  @property({ type: Array }) data: { [attr: string]: any }[] = []\n\n  private chart: any = null\n  private dataSeries: any[] = []\n\n  @query('div#container') 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  firstUpdated() {\n    this.loadSciChart()\n  }\n\n  async loadSciChart() {\n    if (!window.sciChartLoaded) {\n      if (!window.sciChartLoadingPromise) {\n        window.sciChartLoadingPromise = new Promise<void>(resolve => {\n          const script = document.createElement('script')\n          script.src = 'https://cdn.jsdelivr.net/npm/scichart/index.min.js'\n          script.crossOrigin = 'anonymous'\n          script.onload = () => {\n            window.sciChartLoaded = true\n\n            SciChart.SciChartSurface.UseCommunityLicense()\n\n            resolve()\n          }\n          document.head.appendChild(script)\n        })\n      }\n\n      await window.sciChartLoadingPromise\n    }\n\n    this.initializeSciChart()\n  }\n\n  async initializeSciChart() {\n    const { chart, dataSeries } = (await buildSciChart(this.config, this.container, {})) || {}\n\n    this.chart = chart\n    this.dataSeries = dataSeries!\n\n    this.updateDataSeries()\n  }\n\n  async updated(changedProperties: Map<string | number | symbol, unknown>) {\n    if (changedProperties.has('config') && this.config) {\n      await this.initializeSciChart()\n    }\n\n    if (changedProperties.has('data')) {\n      this.updateDataSeries()\n      this.chart?.sciChartSurface.zoomExtents()\n    }\n  }\n\n  async appendData(appendum: { [attr: string]: any }[]) {}\n\n  updateDataSeries() {\n    if (!this.dataSeries?.length) return\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    this.chart?.sciChartSurface.zoomExtents()\n    this.chart?.sciChartSurface.invalidateElement()\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    return html` <div id=\"container\" class=\"chart-container\"></div> `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ox-scichart': OxSciChart\n  }\n}\n"]}

package/dist/src/scichart/scichart-builder.js

@@ -13,11 +13,21 @@ function getLocalTimeOffset() {
     const now = new Date();
     return now.getTimezoneOffset() * -60;
 }
+function calculatePrecision(stepSize = 1) {
+    // stepSize를 문자열로 변환한 다음, 소수점 이후 자릿수를 계산
+    const stepSizeString = stepSize.toString();
+    // 소수점이 있는 경우, 소수점 이후 자릿수 계산
+    if (stepSizeString.indexOf('.') !== -1) {
+        return stepSizeString.split('.')[1].length;
+    }
+    // 소수점이 없는 경우, precision은 0
+    return 0;
+}
 export async function buildSciChart(config, container, { fontSize = 14, fontFamily = 'Roboto', fontColor }) {
     if (!config) {
         return;
     }
-    const { SciChartSurface, SciChartJSLightTheme, SciChartJSDarkv2Theme, XyDataSeries, FastLineRenderableSeries, SplineLineRenderableSeries, FastColumnRenderableSeries, StackedColumnRenderableSeries, StackedMountainRenderableSeries, StackedColumnCollection, StackedMountainCollection, NumericAxis, DateTimeNumericAxis, ENumericFormat, EAutoRange, EAxisAlignment, ECoordinateMode, EHorizontalAnchorPoint, EVerticalAnchorPoint, NumberRange, MouseWheelZoomModifier, RubberBandXyZoomModifier, ZoomPanModifier, ZoomExtentsModifier, RolloverModifier, SmartDateLabelProvider, EllipsePointMarker, SquarePointMarker, TrianglePointMarker, CrossPointMarker, XPointMarker, WaveAnimation, LegendModifier, XAxisDragModifier, YAxisDragModifier, TextAnnotation, LineAnnotation, BoxAnnotation, HorizontalLineAnnotation, VerticalLineAnnotation } = SciChart;
+    const { SciChartSurface, SciChartJSLightTheme, SciChartJSDarkv2Theme, XyDataSeries, FastLineRenderableSeries, SplineLineRenderableSeries, FastColumnRenderableSeries, StackedColumnRenderableSeries, StackedMountainRenderableSeries, StackedColumnCollection, StackedMountainCollection, NumericAxis, DateTimeNumericAxis, ENumericFormat, EAutoRange, EAxisAlignment, ECoordinateMode, EHorizontalAnchorPoint, EVerticalAnchorPoint, NumberRange, MouseWheelZoomModifier, RubberBandXyZoomModifier, ZoomPanModifier, ZoomExtentsModifier, RolloverModifier, SmartDateLabelProvider, NumericLabelProvider, EllipsePointMarker, SquarePointMarker, TrianglePointMarker, CrossPointMarker, XPointMarker, WaveAnimation, LegendModifier, XAxisDragModifier, YAxisDragModifier, TextAnnotation, LineAnnotation, BoxAnnotation, HorizontalLineAnnotation, VerticalLineAnnotation } = SciChart;
     class LocalTimeLabelProvider extends SmartDateLabelProvider {
         formatLabel(value) {
             const date = new Date(value);
@@ -52,12 +62,11 @@ export async function buildSciChart(config, container, { fontSize = 14, fontFami
         const { axisTitle, ticks } = axis;
         const { autoMax, autoMin, min, max, stepSize, beginAtZero, color = fontColor, textStrokeColor = fontColor, display = !!axisTitle } = ticks || {};
         const labelProvider = new SmartDateLabelProvider({
-            labelFormat: ENumericFormat.Date_HHMMSS,
             showWiderDateOnFirstLabel: true,
             showYearOnWiderDate: true,
             dateOffset: getLocalTimeOffset()
         });
-        labelProvider.cursorNumericFormat = ENumericFormat.Date_DDMMHHMM;
+        labelProvider.cursorNumericFormat = ENumericFormat.Date_MMHHSS;
         const xAxis = new DateTimeNumericAxis(wasmContext, {
             axisTitle,
             autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,
@@ -81,16 +90,24 @@ export async function buildSciChart(config, container, { fontSize = 14, fontFami
     });
     (multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {
         const { axisTitle, ticks } = axis;
-        const { autoMax, autoMin, min, max, stepSize, beginAtZero } = ticks || {};
+        const { autoMax, autoMin, min, max, stepSize, beginAtZero, display } = ticks || {};
+        const labelProvider = display ? new NumericLabelProvider() : undefined;
+        if (labelProvider) {
+            labelProvider.numericFormat = ENumericFormat.Decimal;
+            labelProvider.precision = calculatePrecision(stepSize || 0.1);
+            labelProvider.cursorNumericFormat = ENumericFormat.NoFormat;
+        }
         const yAxis = new NumericAxis(wasmContext, {
             id: index == 0 ? undefined : `yAxis${index}`,
             axisTitle,
             autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,
             axisAlignment: index === 0 ? EAxisAlignment.Left : EAxisAlignment.Right,
             visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,
-            majorDelta: stepSize,
+            majorDelta: stepSize || 0.1,
+            minorDelta: (stepSize || 1) * 0.1,
             growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,
             labelStyle: {
+                display: !!display,
                 fontFamily,
                 fontSize,
                 color: fontColor
@@ -99,7 +116,8 @@ export async function buildSciChart(config, container, { fontSize = 14, fontFami
                 fontFamily,
                 fontSize,
                 color: fontColor
-            }
+            },
+            labelProvider
         });
         sciChartSurface.yAxes.add(yAxis);
     });
@@ -227,7 +245,7 @@ export async function buildSciChart(config, container, { fontSize = 14, fontFami
         if (tooltip) {
             const rolloverModifier = new RolloverModifier({
                 showTooltip: true,
-                showAxisLabels: true,
+                showAxisLabel: false /* 한글의 크기를 잘 계산하지 못하므로 false */,
                 tooltipColor: 'white',
                 tooltipBackgroundColor: 'rgba(0, 0, 0, 0.7)',
                 rollOverDataSeries: dataSeries

package/dist/src/scichart/scichart-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"scichart-builder.js","sourceRoot":"","sources":["../../../src/scichart/scichart-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { format as formatText } from '@operato/utils/format.js'\n\nfunction getBaseColorFromTheme(theme?: 'light' | 'dark' | 'auto') {\n  return new TinyColor(theme == 'dark' ? '#fff' : '#000')\n}\n\nfunction getThemeFromBrowser() {\n  return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction convertColor(color: string | string[] | undefined, defaultColor?: string) {\n  const tinyColor = new TinyColor(color as string)\n  return tinyColor.toHex8String() || defaultColor\n}\n\nfunction getLocalTimeOffset() {\n  const now = new Date()\n  return now.getTimezoneOffset() * -60\n}\n\nexport async function buildSciChart(\n  config: OperatoChart.ChartConfig | undefined | null,\n  container: any,\n  { fontSize = 14, fontFamily = 'Roboto', fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n): Promise<{ chart: any; dataSeries: any[] } | undefined> {\n  if (!config) {\n    return\n  }\n\n  const {\n    SciChartSurface,\n    SciChartJSLightTheme,\n    SciChartJSDarkv2Theme,\n    XyDataSeries,\n    FastLineRenderableSeries,\n    SplineLineRenderableSeries,\n    FastColumnRenderableSeries,\n    StackedColumnRenderableSeries,\n    StackedMountainRenderableSeries,\n    StackedColumnCollection,\n    StackedMountainCollection,\n    NumericAxis,\n    DateTimeNumericAxis,\n    ENumericFormat,\n    EAutoRange,\n    EAxisAlignment,\n    ECoordinateMode,\n    EHorizontalAnchorPoint,\n    EVerticalAnchorPoint,\n    NumberRange,\n    MouseWheelZoomModifier,\n    RubberBandXyZoomModifier,\n    ZoomPanModifier,\n    ZoomExtentsModifier,\n    RolloverModifier,\n    SmartDateLabelProvider,\n    EllipsePointMarker,\n    SquarePointMarker,\n    TrianglePointMarker,\n    CrossPointMarker,\n    XPointMarker,\n    WaveAnimation,\n    LegendModifier,\n    XAxisDragModifier,\n    YAxisDragModifier,\n    TextAnnotation,\n    LineAnnotation,\n    BoxAnnotation,\n    HorizontalLineAnnotation,\n    VerticalLineAnnotation\n  } = SciChart\n\n  class LocalTimeLabelProvider extends SmartDateLabelProvider {\n    formatLabel(value: number): string {\n      const date = new Date(value)\n      return new Intl.DateTimeFormat('default', {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit'\n      }).format(date)\n    }\n  }\n\n  const { type: chartType, options, data: fromData } = config\n  const { datasets = [] } = fromData || {}\n  var {\n    theme,\n    tooltip = true,\n    animation = true,\n    legend = {\n      display: true,\n      position: 'top'\n    },\n    scales: fromScales,\n    xGridLine = true,\n    yGridLine = true,\n    y2ndGridLine = false,\n    stacked = false,\n    multiAxis = false,\n    annotations = []\n  } = options || {}\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  if (theme === 'auto') {\n    theme = getThemeFromBrowser()\n  }\n\n  fontColor = fontColor || baseColor.clone().toString()\n\n  const { xAxes = [], yAxes = [] } = fromScales || {}\n\n  const chart = await SciChartSurface.create(container, {\n    theme: theme == 'dark' ? new SciChartJSDarkv2Theme() : new SciChartJSLightTheme()\n  })\n  const { sciChartSurface, wasmContext } = chart\n\n  // X 축 설정\n  xAxes.forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const {\n      autoMax,\n      autoMin,\n      min,\n      max,\n      stepSize,\n      beginAtZero,\n      color = fontColor,\n      textStrokeColor = fontColor,\n      display = !!axisTitle\n    } = ticks || {}\n\n    const labelProvider = new SmartDateLabelProvider({\n      labelFormat: ENumericFormat.Date_HHMMSS,\n      showWiderDateOnFirstLabel: true,\n      showYearOnWiderDate: true,\n      dateOffset: getLocalTimeOffset()\n    })\n\n    labelProvider.cursorNumericFormat = ENumericFormat.Date_DDMMHHMM\n\n    const xAxis = new DateTimeNumericAxis(wasmContext, {\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: EAxisAlignment.Bottom,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: textStrokeColor\n      },\n      labelProvider\n    })\n\n    sciChartSurface.xAxes.add(xAxis)\n  })\n\n  // Y 축 설정\n  ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const { autoMax, autoMin, min, max, stepSize, beginAtZero } = ticks || {}\n\n    const yAxis = new NumericAxis(wasmContext, {\n      id: index == 0 ? undefined : `yAxis${index}`,\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: index === 0 ? EAxisAlignment.Left : EAxisAlignment.Right,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      }\n    })\n\n    sciChartSurface.yAxes.add(yAxis)\n  })\n\n  // 시리즈 설정\n  const dataSeriesArray = datasets.map((dataset, index) => {\n    const dataSeries = new XyDataSeries(wasmContext, {\n      dataSeriesName: dataset.label,\n      containsNaN: false\n    })\n\n    const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined\n    const stackGroupId = dataset.stack || `__stack${index}__`\n\n    let series: any\n    if (dataset.type === 'bar') {\n      if (stacked) {\n        series = new StackedColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          fill: convertColor(dataset.backgroundColor, '#FF6600'),\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series = new FastColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.backgroundColor, '#FF6600'),\n          animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n          yAxisId\n        })\n      }\n    } else {\n      const { pointStyle, pointRadius = 10, lineTension } = dataset\n      let pointMarker = null // 초기값을 null로 설정\n\n      if (pointStyle) {\n        switch (pointStyle) {\n          case 'circle':\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'triangle':\n            pointMarker = new TrianglePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'rect':\n            pointMarker = new SquarePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'cross':\n            pointMarker = new CrossPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'crossRot':\n            pointMarker = new XPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          default:\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n        }\n      }\n\n      if (stacked) {\n        series = new StackedMountainRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.color, '#FF6600'),\n          fill: dataset.backgroundColor || '#FF6600',\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series =\n          !!lineTension && lineTension > 0\n            ? new SplineLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n            : new FastLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n      }\n    }\n\n    sciChartSurface.renderableSeries.add(series)\n\n    if (tooltip) {\n      const rolloverModifier = new RolloverModifier({\n        showTooltip: true,\n        showAxisLabels: true,\n        tooltipColor: 'white',\n        tooltipBackgroundColor: 'rgba(0, 0, 0, 0.7)',\n        rollOverDataSeries: dataSeries\n      })\n\n      sciChartSurface.chartModifiers.add(rolloverModifier)\n    }\n\n    return dataSeries\n  })\n\n  // Stacked collections 추가\n  if (stacked) {\n    const stackedColumnCollection = new StackedColumnCollection(wasmContext)\n    const stackedMountainCollection = new StackedMountainCollection(wasmContext)\n\n    sciChartSurface.renderableSeries.asArray().forEach((series: any) => {\n      if (series instanceof StackedColumnRenderableSeries) {\n        stackedColumnCollection.add(series)\n      } else if (series instanceof StackedMountainRenderableSeries) {\n        stackedMountainCollection.add(series)\n      }\n    })\n\n    if (stackedColumnCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedColumnCollection)\n    }\n\n    if (stackedMountainCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedMountainCollection)\n    }\n  }\n\n  if (annotations) {\n    annotations.forEach(annotation => {\n      let sciAnnotation\n      let horizontalAnchorPoint =\n        annotation.horizontalAnchorPoint == 'Right'\n          ? EHorizontalAnchorPoint.Right\n          : annotation.horizontalAnchorPoint == 'Left'\n            ? EHorizontalAnchorPoint.Left\n            : EHorizontalAnchorPoint.Center\n      let verticalAnchorPoint =\n        annotation.verticalAnchorPoint == 'Top'\n          ? EVerticalAnchorPoint.Top\n          : annotation.verticalAnchorPoint == 'Bottom'\n            ? EVerticalAnchorPoint.Bottom\n            : EVerticalAnchorPoint.Center\n\n      switch (annotation.type) {\n        case 'text':\n          sciAnnotation = new TextAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            text: annotation.text,\n            horizontalAnchorPoint,\n            verticalAnchorPoint,\n            fontSize: annotation.fontSize,\n            fontFamily: annotation.fontFamily,\n            textColor: convertColor(annotation.stroke, fontColor),\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'line':\n          sciAnnotation = new LineAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'box':\n          sciAnnotation = new BoxAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            fill: convertColor(annotation.fill, '#FF0000'),\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'horizontalLine':\n          sciAnnotation = new HorizontalLineAnnotation({\n            y1: annotation.y1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'verticalLine':\n          sciAnnotation = new VerticalLineAnnotation({\n            x1: annotation.x1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        default:\n          console.error('Unknown annotation type:', annotation.type)\n          break\n      }\n      if (sciAnnotation) {\n        sciChartSurface.annotations.add(sciAnnotation)\n      } else {\n        console.error('Failed to create annotation:', annotation)\n      }\n    })\n  }\n\n  // 줌인/줌아웃 모디파이어 추가\n  sciChartSurface.chartModifiers.add(\n    // new RubberBandXyZoomModifier(),\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier(),\n    new ZoomExtentsModifier(),\n    new XAxisDragModifier(),\n    new YAxisDragModifier()\n  )\n\n  // Legend 설정\n  if (legend?.display) {\n    const legendModifier = new LegendModifier({\n      showCheckboxes: true,\n      showSeriesMarkers: true,\n      showLegend: true,\n      placement: legend.position || 'bottom-right'\n    })\n    sciChartSurface.chartModifiers.add(legendModifier)\n  }\n\n  return { chart, dataSeries: dataSeriesArray }\n}\n"]}
+{"version":3,"file":"scichart-builder.js","sourceRoot":"","sources":["../../../src/scichart/scichart-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { format as formatText } from '@operato/utils/format.js'\n\nfunction getBaseColorFromTheme(theme?: 'light' | 'dark' | 'auto') {\n  return new TinyColor(theme == 'dark' ? '#fff' : '#000')\n}\n\nfunction getThemeFromBrowser() {\n  return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\nfunction convertColor(color: string | string[] | undefined, defaultColor?: string) {\n  const tinyColor = new TinyColor(color as string)\n  return tinyColor.toHex8String() || defaultColor\n}\n\nfunction getLocalTimeOffset() {\n  const now = new Date()\n  return now.getTimezoneOffset() * -60\n}\n\nfunction calculatePrecision(stepSize: number = 1) {\n  // stepSize를 문자열로 변환한 다음, 소수점 이후 자릿수를 계산\n  const stepSizeString = stepSize.toString()\n\n  // 소수점이 있는 경우, 소수점 이후 자릿수 계산\n  if (stepSizeString.indexOf('.') !== -1) {\n    return stepSizeString.split('.')[1].length\n  }\n\n  // 소수점이 없는 경우, precision은 0\n  return 0\n}\n\nexport async function buildSciChart(\n  config: OperatoChart.ChartConfig | undefined | null,\n  container: any,\n  { fontSize = 14, fontFamily = 'Roboto', fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n): Promise<{ chart: any; dataSeries: any[] } | undefined> {\n  if (!config) {\n    return\n  }\n\n  const {\n    SciChartSurface,\n    SciChartJSLightTheme,\n    SciChartJSDarkv2Theme,\n    XyDataSeries,\n    FastLineRenderableSeries,\n    SplineLineRenderableSeries,\n    FastColumnRenderableSeries,\n    StackedColumnRenderableSeries,\n    StackedMountainRenderableSeries,\n    StackedColumnCollection,\n    StackedMountainCollection,\n    NumericAxis,\n    DateTimeNumericAxis,\n    ENumericFormat,\n    EAutoRange,\n    EAxisAlignment,\n    ECoordinateMode,\n    EHorizontalAnchorPoint,\n    EVerticalAnchorPoint,\n    NumberRange,\n    MouseWheelZoomModifier,\n    RubberBandXyZoomModifier,\n    ZoomPanModifier,\n    ZoomExtentsModifier,\n    RolloverModifier,\n    SmartDateLabelProvider,\n    NumericLabelProvider,\n    EllipsePointMarker,\n    SquarePointMarker,\n    TrianglePointMarker,\n    CrossPointMarker,\n    XPointMarker,\n    WaveAnimation,\n    LegendModifier,\n    XAxisDragModifier,\n    YAxisDragModifier,\n    TextAnnotation,\n    LineAnnotation,\n    BoxAnnotation,\n    HorizontalLineAnnotation,\n    VerticalLineAnnotation\n  } = SciChart\n\n  class LocalTimeLabelProvider extends SmartDateLabelProvider {\n    formatLabel(value: number): string {\n      const date = new Date(value)\n      return new Intl.DateTimeFormat('default', {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit'\n      }).format(date)\n    }\n  }\n\n  const { type: chartType, options, data: fromData } = config\n  const { datasets = [] } = fromData || {}\n  var {\n    theme,\n    tooltip = true,\n    animation = true,\n    legend = {\n      display: true,\n      position: 'top'\n    },\n    scales: fromScales,\n    xGridLine = true,\n    yGridLine = true,\n    y2ndGridLine = false,\n    stacked = false,\n    multiAxis = false,\n    annotations = []\n  } = options || {}\n\n  var baseColor = getBaseColorFromTheme(theme)\n\n  if (theme === 'auto') {\n    theme = getThemeFromBrowser()\n  }\n\n  fontColor = fontColor || baseColor.clone().toString()\n\n  const { xAxes = [], yAxes = [] } = fromScales || {}\n\n  const chart = await SciChartSurface.create(container, {\n    theme: theme == 'dark' ? new SciChartJSDarkv2Theme() : new SciChartJSLightTheme()\n  })\n  const { sciChartSurface, wasmContext } = chart\n\n  // X 축 설정\n  xAxes.forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const {\n      autoMax,\n      autoMin,\n      min,\n      max,\n      stepSize,\n      beginAtZero,\n      color = fontColor,\n      textStrokeColor = fontColor,\n      display = !!axisTitle\n    } = ticks || {}\n\n    const labelProvider = new SmartDateLabelProvider({\n      showWiderDateOnFirstLabel: true,\n      showYearOnWiderDate: true,\n      dateOffset: getLocalTimeOffset()\n    })\n\n    labelProvider.cursorNumericFormat = ENumericFormat.Date_MMHHSS\n\n    const xAxis = new DateTimeNumericAxis(wasmContext, {\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: EAxisAlignment.Bottom,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        fontFamily,\n        fontSize,\n        color\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: textStrokeColor\n      },\n      labelProvider\n    })\n\n    sciChartSurface.xAxes.add(xAxis)\n  })\n\n  // Y 축 설정\n  ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {\n    const { axisTitle, ticks } = axis\n    const { autoMax, autoMin, min, max, stepSize, beginAtZero, display } = ticks || {}\n\n    const labelProvider = display ? new NumericLabelProvider() : undefined\n\n    if (labelProvider) {\n      labelProvider.numericFormat = ENumericFormat.Decimal\n      labelProvider.precision = calculatePrecision(stepSize || 0.1)\n      labelProvider.cursorNumericFormat = ENumericFormat.NoFormat\n    }\n\n    const yAxis = new NumericAxis(wasmContext, {\n      id: index == 0 ? undefined : `yAxis${index}`,\n      axisTitle,\n      autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n      axisAlignment: index === 0 ? EAxisAlignment.Left : EAxisAlignment.Right,\n      visibleRange: min !== undefined && max !== undefined ? new NumberRange(min, max) : undefined,\n      majorDelta: stepSize || 0.1,\n      minorDelta: (stepSize || 1) * 0.1,\n      growBy: beginAtZero ? new NumberRange(0.1, 0.1) : undefined,\n      labelStyle: {\n        display: !!display,\n        fontFamily,\n        fontSize,\n        color: fontColor\n      },\n      axisTitleStyle: {\n        fontFamily,\n        fontSize,\n        color: fontColor\n      },\n      labelProvider\n    })\n\n    sciChartSurface.yAxes.add(yAxis)\n  })\n\n  // 시리즈 설정\n  const dataSeriesArray = datasets.map((dataset, index) => {\n    const dataSeries = new XyDataSeries(wasmContext, {\n      dataSeriesName: dataset.label,\n      containsNaN: false\n    })\n\n    const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined\n    const stackGroupId = dataset.stack || `__stack${index}__`\n\n    let series: any\n    if (dataset.type === 'bar') {\n      if (stacked) {\n        series = new StackedColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          fill: convertColor(dataset.backgroundColor, '#FF6600'),\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series = new FastColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.backgroundColor, '#FF6600'),\n          animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n          yAxisId\n        })\n      }\n    } else {\n      const { pointStyle, pointRadius = 10, lineTension } = dataset\n      let pointMarker = null // 초기값을 null로 설정\n\n      if (pointStyle) {\n        switch (pointStyle) {\n          case 'circle':\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'triangle':\n            pointMarker = new TrianglePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'rect':\n            pointMarker = new SquarePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'cross':\n            pointMarker = new CrossPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          case 'crossRot':\n            pointMarker = new XPointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n            break\n          default:\n            pointMarker = new EllipsePointMarker(wasmContext, {\n              width: pointRadius,\n              height: pointRadius,\n              strokeThickness: 2,\n              fill: convertColor(dataset.color, '#FF6600'),\n              stroke: '#000000'\n            })\n        }\n      }\n\n      if (stacked) {\n        series = new StackedMountainRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: dataset.borderWidth || 2,\n          stroke: convertColor(dataset.color, '#FF6600'),\n          fill: dataset.backgroundColor || '#FF6600',\n          yAxisId,\n          stackedGroupId: stackGroupId\n        })\n      } else {\n        series =\n          !!lineTension && lineTension > 0\n            ? new SplineLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n            : new FastLineRenderableSeries(wasmContext, {\n                dataSeries,\n                strokeThickness: dataset.borderWidth || 2,\n                stroke: convertColor(dataset.color, '#FF6600'),\n                pointMarker,\n                animation: animation && new WaveAnimation({ duration: 1000, fadeEffect: true }),\n                yAxisId\n              })\n      }\n    }\n\n    sciChartSurface.renderableSeries.add(series)\n\n    if (tooltip) {\n      const rolloverModifier = new RolloverModifier({\n        showTooltip: true,\n        showAxisLabel: false /* 한글의 크기를 잘 계산하지 못하므로 false */,\n        tooltipColor: 'white',\n        tooltipBackgroundColor: 'rgba(0, 0, 0, 0.7)',\n        rollOverDataSeries: dataSeries\n      })\n\n      sciChartSurface.chartModifiers.add(rolloverModifier)\n    }\n\n    return dataSeries\n  })\n\n  // Stacked collections 추가\n  if (stacked) {\n    const stackedColumnCollection = new StackedColumnCollection(wasmContext)\n    const stackedMountainCollection = new StackedMountainCollection(wasmContext)\n\n    sciChartSurface.renderableSeries.asArray().forEach((series: any) => {\n      if (series instanceof StackedColumnRenderableSeries) {\n        stackedColumnCollection.add(series)\n      } else if (series instanceof StackedMountainRenderableSeries) {\n        stackedMountainCollection.add(series)\n      }\n    })\n\n    if (stackedColumnCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedColumnCollection)\n    }\n\n    if (stackedMountainCollection.size() > 0) {\n      sciChartSurface.renderableSeries.add(stackedMountainCollection)\n    }\n  }\n\n  if (annotations) {\n    annotations.forEach(annotation => {\n      let sciAnnotation\n      let horizontalAnchorPoint =\n        annotation.horizontalAnchorPoint == 'Right'\n          ? EHorizontalAnchorPoint.Right\n          : annotation.horizontalAnchorPoint == 'Left'\n            ? EHorizontalAnchorPoint.Left\n            : EHorizontalAnchorPoint.Center\n      let verticalAnchorPoint =\n        annotation.verticalAnchorPoint == 'Top'\n          ? EVerticalAnchorPoint.Top\n          : annotation.verticalAnchorPoint == 'Bottom'\n            ? EVerticalAnchorPoint.Bottom\n            : EVerticalAnchorPoint.Center\n\n      switch (annotation.type) {\n        case 'text':\n          sciAnnotation = new TextAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            text: annotation.text,\n            horizontalAnchorPoint,\n            verticalAnchorPoint,\n            fontSize: annotation.fontSize,\n            fontFamily: annotation.fontFamily,\n            textColor: convertColor(annotation.stroke, fontColor),\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'line':\n          sciAnnotation = new LineAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'box':\n          sciAnnotation = new BoxAnnotation({\n            x1: annotation.x1,\n            y1: annotation.y1,\n            x2: annotation.x2,\n            y2: annotation.y2,\n            fill: convertColor(annotation.fill, '#FF0000'),\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'horizontalLine':\n          sciAnnotation = new HorizontalLineAnnotation({\n            y1: annotation.y1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        case 'verticalLine':\n          sciAnnotation = new VerticalLineAnnotation({\n            x1: annotation.x1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness,\n            xCoordinateMode: annotation.xCoordinateMode || ECoordinateMode.DataValue,\n            yCoordinateMode: annotation.yCoordinateMode || ECoordinateMode.DataValue\n          })\n          break\n        default:\n          console.error('Unknown annotation type:', annotation.type)\n          break\n      }\n      if (sciAnnotation) {\n        sciChartSurface.annotations.add(sciAnnotation)\n      } else {\n        console.error('Failed to create annotation:', annotation)\n      }\n    })\n  }\n\n  // 줌인/줌아웃 모디파이어 추가\n  sciChartSurface.chartModifiers.add(\n    // new RubberBandXyZoomModifier(),\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier(),\n    new ZoomExtentsModifier(),\n    new XAxisDragModifier(),\n    new YAxisDragModifier()\n  )\n\n  // Legend 설정\n  if (legend?.display) {\n    const legendModifier = new LegendModifier({\n      showCheckboxes: true,\n      showSeriesMarkers: true,\n      showLegend: true,\n      placement: legend.position || 'bottom-right'\n    })\n    sciChartSurface.chartModifiers.add(legendModifier)\n  }\n\n  return { chart, dataSeries: dataSeriesArray }\n}\n"]}

package/dist/stories/common.d.ts

@@ -2,6 +2,6 @@ export declare function getDefaultChartConfig(type: OperatoChart.ChartType, data
 export declare function getDefaultAxisOptions(): OperatoChart.AxisOptions;
 export declare const data: {
     timestamp: number;
-    count: number;
-    average: number;
+    count: number | null;
+    average: number | null;
 }[];

package/dist/stories/common.js

@@ -51,7 +51,10 @@ export function getDefaultAxisOptions() {
 //   { timestamp: 2016, count: 28, average: 90 }
 // ]
 // 랜덤한 범위의 숫자를 생성하는 함수
-function getRandomInRange(min, max) {
+function getRandomInRange(i, min, max) {
+    if (!(i % 11)) {
+        return null;
+    }
     return Math.floor(Math.random() * (max - min + 1)) + min;
 }
 // 랜덤 데이터를 생성하는 함수
@@ -60,8 +63,8 @@ function generateRandomData(count) {
     const startTimestamp = Math.floor(Date.now()); // 현재 시간을 Unix 타임스탬프로 설정
     for (let i = 0; i < count; i++) {
         const timestamp = startTimestamp + i * 360 * 30 * 1000; // 3초씩 증가하는 타임스탬프 설정
-        const randomCount = getRandomInRange(5, 35); // count 값을 5에서 35 사이로 랜덤 생성
-        const randomAverage = getRandomInRange(50, 150); // average 값을 50에서 150 사이로 랜덤 생성
+        const randomCount = getRandomInRange(i, 5, 35); // count 값을 5에서 35 사이로 랜덤 생성
+        const randomAverage = getRandomInRange(i, 50, 150); // average 값을 50에서 150 사이로 랜덤 생성
         randomData.push({
             timestamp: timestamp,
             count: randomCount,