@operato/scene-scichart 7.0.4 → 7.0.7

package/dist/charts/scichart-builder.js

@@ -1,5 +1,5 @@
 import { TinyColor } from '@ctrl/tinycolor';
-import { SciChartSurface, SciChartJSLightTheme, SciChartJSDarkv2Theme, XyDataSeries, FastLineRenderableSeries, SplineLineRenderableSeries, FastColumnRenderableSeries, StackedColumnRenderableSeries, StackedMountainRenderableSeries, StackedColumnCollection, StackedMountainCollection, NumericAxis, DateTimeNumericAxis, EAutoRange, EAxisAlignment, NumberRange, MouseWheelZoomModifier, RubberBandXyZoomModifier, ZoomExtentsModifier, RolloverModifier, SmartDateLabelProvider, EllipsePointMarker, SquarePointMarker, TrianglePointMarker, CrossPointMarker, XPointMarker, WaveAnimation, LegendModifier, ELegendPlacement, EXyDirection } from 'scichart';
+import { SciChartSurface, SciChartJSLightTheme, SciChartJSDarkv2Theme, XyDataSeries, FastLineRenderableSeries, SplineLineRenderableSeries, FastColumnRenderableSeries, StackedColumnRenderableSeries, StackedMountainRenderableSeries, StackedColumnCollection, StackedMountainCollection, NumericAxis, DateTimeNumericAxis, EAutoRange, EAxisAlignment, ECoordinateMode, EHorizontalAnchorPoint, EVerticalAnchorPoint, NumberRange, MouseWheelZoomModifier, ZoomPanModifier, ZoomExtentsModifier, RolloverModifier, SmartDateLabelProvider, EllipsePointMarker, SquarePointMarker, TrianglePointMarker, CrossPointMarker, XPointMarker, WaveAnimation, LegendModifier, ELegendPlacement, EXyDirection, XAxisDragModifier, YAxisDragModifier, TextAnnotation, LineAnnotation, BoxAnnotation, HorizontalLineAnnotation, VerticalLineAnnotation } from 'scichart';
 SciChartSurface.UseCommunityLicense();
 SciChartSurface.configure({
     dataUrl: `/node_modules/scichart/_wasm/scichart2d.data`,
@@ -16,13 +16,18 @@ function getBaseColorFromTheme(theme) {
 function getThemeFromBrowser() {
     return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
 }
-function createPointMarker(wasmContext, pointStyle, color = DEFAULT_COLOR) {
+function convertColor(color, defaultColor) {
+    const tinyColor = new TinyColor(color);
+    return tinyColor.toHex8String() || defaultColor;
+}
+function createPointMarker(wasmContext, dataset, color = DEFAULT_COLOR) {
+    const { pointStyle, pointRadius = POINT_MARKER_SIZE } = dataset || {};
     if (!pointStyle) {
         return;
     }
     const pointMarkerOptions = {
-        width: POINT_MARKER_SIZE,
-        height: POINT_MARKER_SIZE,
+        width: pointRadius,
+        height: pointRadius,
         strokeThickness: STROKE_THICKNESS,
         fill: color,
         stroke: DEFAULT_STROKE
@@ -63,7 +68,7 @@ function createAxis(wasmContext, axis, index, isXAxis, fontColor, fontFamily, fo
     };
     return isXAxis
         ? new DateTimeNumericAxis(wasmContext, { ...axisOptions, labelProvider: new SmartDateLabelProvider() })
-        : new NumericAxis(wasmContext, { ...axisOptions, id: `yAxis${index}` });
+        : new NumericAxis(wasmContext, { ...axisOptions, id: index !== 0 ? `yAxis${index}` : undefined });
 }
 function createSeries(wasmContext, dataset, index, stacked, animation, yAxisId) {
     const dataSeries = new XyDataSeries(wasmContext, {
@@ -71,10 +76,10 @@ function createSeries(wasmContext, dataset, index, stacked, animation, yAxisId)
         containsNaN: false
     });
     const stackGroupId = dataset.stack || `__stack${index}__`;
-    const color = dataset.backgroundColor || DEFAULT_COLOR;
-    const strokeColor = dataset.color || DEFAULT_COLOR;
+    const color = convertColor(dataset.backgroundColor, DEFAULT_COLOR);
+    const strokeColor = convertColor(dataset.color, DEFAULT_COLOR);
     const borderWidth = dataset.borderWidth || STROKE_THICKNESS;
-    const pointMarker = createPointMarker(wasmContext, dataset.pointStyle, strokeColor);
+    const pointMarker = createPointMarker(wasmContext, dataset, strokeColor);
     let series;
     if (dataset.type === 'bar') {
         series = stacked
@@ -125,7 +130,7 @@ export async function buildSciChart(config, container, { fontSize, fontFamily, f
         return;
     const { type: chartType, options, data: fromData } = config;
     const { datasets = [] } = fromData || {};
-    var { theme, tooltip, animation, legend, scales: fromScales, xGridLine, yGridLine, y2ndGridLine, stacked } = options || {};
+    var { theme, tooltip, animation, legend, scales: fromScales, xGridLine, yGridLine, y2ndGridLine, stacked, multiAxis, annotations } = options || {};
     var baseColor = getBaseColorFromTheme(theme);
     if (theme === 'auto') {
         theme = getThemeFromBrowser();
@@ -141,14 +146,13 @@ export async function buildSciChart(config, container, { fontSize, fontFamily, f
         const xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize);
         sciChartSurface.xAxes.add(xAxis);
     });
-    // Y 축 설정
-    yAxes.forEach((axis, index) => {
+    (multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {
         const yAxis = createAxis(wasmContext, axis, index, false, fontColor, fontFamily, fontSize);
         sciChartSurface.yAxes.add(yAxis);
     });
     // 시리즈 설정
     const dataSeriesArray = datasets.map((dataset, index) => {
-        const yAxisId = dataset.yAxisID || 'yAxis0';
+        const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined;
         const { series, dataSeries } = createSeries(wasmContext, dataset, index, !!stacked, !!animation, yAxisId);
         sciChartSurface.renderableSeries.add(series);
         if (tooltip) {
@@ -179,10 +183,82 @@ export async function buildSciChart(config, container, { fontSize, fontFamily, f
             sciChartSurface.renderableSeries.add(stackedMountainCollection);
         }
     }
+    if (annotations) {
+        annotations.forEach(annotation => {
+            let sciAnnotation;
+            let horizontalAnchorPoint = annotation.horizontalAnchorPoint == 'Right'
+                ? EHorizontalAnchorPoint.Right
+                : annotation.horizontalAnchorPoint == 'Left'
+                    ? EHorizontalAnchorPoint.Left
+                    : EHorizontalAnchorPoint.Center;
+            let verticalAnchorPoint = annotation.verticalAnchorPoint == 'Top'
+                ? EVerticalAnchorPoint.Top
+                : annotation.verticalAnchorPoint == 'Bottom'
+                    ? EVerticalAnchorPoint.Bottom
+                    : EVerticalAnchorPoint.Center;
+            switch (annotation.type) {
+                case 'text':
+                    sciAnnotation = new TextAnnotation({
+                        x1: annotation.x1,
+                        y1: annotation.y1,
+                        text: annotation.text,
+                        horizontalAnchorPoint,
+                        verticalAnchorPoint,
+                        fontSize: annotation.fontSize,
+                        fontFamily: annotation.fontFamily,
+                        textColor: convertColor(annotation.stroke, fontColor)
+                    });
+                    break;
+                case 'line':
+                    sciAnnotation = new LineAnnotation({
+                        x1: annotation.x1,
+                        y1: annotation.y1,
+                        x2: annotation.x2,
+                        y2: annotation.y2,
+                        stroke: convertColor(annotation.stroke, '#FF0000'),
+                        strokeThickness: annotation.strokeThickness,
+                        xCoordinateMode: ECoordinateMode.Relative,
+                        yCoordinateMode: ECoordinateMode.DataValue
+                    });
+                    break;
+                case 'box':
+                    sciAnnotation = new BoxAnnotation({
+                        x1: annotation.x1,
+                        y1: annotation.y1,
+                        x2: annotation.x2,
+                        y2: annotation.y2,
+                        fill: convertColor(annotation.fill, '#FF0000'),
+                        stroke: convertColor(annotation.stroke, '#FF0000'),
+                        strokeThickness: annotation.strokeThickness
+                    });
+                    break;
+                case 'horizontalLine':
+                    sciAnnotation = new HorizontalLineAnnotation({
+                        y1: annotation.y1,
+                        stroke: convertColor(annotation.stroke, '#FF0000'),
+                        strokeThickness: annotation.strokeThickness
+                    });
+                    break;
+                case 'verticalLine':
+                    sciAnnotation = new VerticalLineAnnotation({
+                        x1: annotation.x1,
+                        stroke: convertColor(annotation.stroke, '#FF0000'),
+                        strokeThickness: annotation.strokeThickness
+                    });
+                    break;
+                default:
+                    break;
+            }
+            if (sciAnnotation) {
+                sciChartSurface.annotations.add(sciAnnotation);
+            }
+        });
+    }
     // 줌인/줌아웃 모디파이어 추가
-    sciChartSurface.chartModifiers.add(new RubberBandXyZoomModifier(), 
+    sciChartSurface.chartModifiers.add(
+    // new RubberBandXyZoomModifier(),
     // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),
-    new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }), new ZoomExtentsModifier());
+    new ZoomPanModifier(), new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }), new ZoomExtentsModifier(), new XAxisDragModifier(), new YAxisDragModifier());
     if (legend === null || legend === void 0 ? void 0 : legend.display) {
         const legendModifier = new LegendModifier({
             showCheckboxes: true,

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

@@ -1 +1 @@
-{"version":3,"file":"scichart-builder.js","sourceRoot":"","sources":["../../src/charts/scichart-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { format as formatText } from '@operato/utils/format.js'\nimport {\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  EAutoRange,\n  EAxisAlignment,\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  ELegendPlacement,\n  EXyDirection\n} from 'scichart'\n\nSciChartSurface.UseCommunityLicense()\n\nSciChartSurface.configure({\n  dataUrl: `/node_modules/scichart/_wasm/scichart2d.data`,\n  wasmUrl: `/node_modules/scichart/_wasm/scichart2d.wasm`\n})\n\nconst DEFAULT_COLOR = '#FF6600'\nconst DEFAULT_STROKE = '#000000'\nconst POINT_MARKER_SIZE = 10\nconst STROKE_THICKNESS = 2\nconst ANIMATION_DURATION = 1000\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 createPointMarker(wasmContext: any, pointStyle?: string, color: string = DEFAULT_COLOR) {\n  if (!pointStyle) {\n    return\n  }\n\n  const pointMarkerOptions = {\n    width: POINT_MARKER_SIZE,\n    height: POINT_MARKER_SIZE,\n    strokeThickness: STROKE_THICKNESS,\n    fill: color,\n    stroke: DEFAULT_STROKE\n  }\n\n  switch (pointStyle) {\n    case 'triangle':\n      return new TrianglePointMarker(wasmContext, pointMarkerOptions)\n    case 'rect':\n      return new SquarePointMarker(wasmContext, pointMarkerOptions)\n    case 'cross':\n      return new CrossPointMarker(wasmContext, pointMarkerOptions)\n    case 'crossRot':\n      return new XPointMarker(wasmContext, pointMarkerOptions)\n    default:\n      return new EllipsePointMarker(wasmContext, pointMarkerOptions)\n  }\n}\n\nfunction createAxis(\n  wasmContext: any,\n  axis: any,\n  index: number,\n  isXAxis: boolean,\n  fontColor: string,\n  fontFamily?: string,\n  fontSize?: number\n) {\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  } = ticks || {}\n\n  const axisOptions = {\n    axisTitle,\n    autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n    axisAlignment: isXAxis ? EAxisAlignment.Bottom : 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\n    },\n    axisTitleStyle: {\n      fontFamily,\n      fontSize,\n      color: textStrokeColor\n    }\n  }\n\n  return isXAxis\n    ? new DateTimeNumericAxis(wasmContext, { ...axisOptions, labelProvider: new SmartDateLabelProvider() })\n    : new NumericAxis(wasmContext, { ...axisOptions, id: `yAxis${index}` })\n}\n\nfunction createSeries(\n  wasmContext: any,\n  dataset: any,\n  index: number,\n  stacked: boolean,\n  animation: boolean,\n  yAxisId: string\n) {\n  const dataSeries = new XyDataSeries(wasmContext, {\n    dataSeriesName: dataset.label,\n    containsNaN: false\n  })\n\n  const stackGroupId = dataset.stack || `__stack${index}__`\n  const color = (dataset.backgroundColor as string) || DEFAULT_COLOR\n  const strokeColor = (dataset.color as string) || DEFAULT_COLOR\n  const borderWidth = dataset.borderWidth || STROKE_THICKNESS\n  const pointMarker = createPointMarker(wasmContext, dataset.pointStyle, strokeColor)\n\n  let series\n  if (dataset.type === 'bar') {\n    series = stacked\n      ? new StackedColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          fill: color,\n          stackedGroupId: stackGroupId\n        })\n      : new FastColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          fill: color,\n          animation: animation ? new WaveAnimation({ duration: ANIMATION_DURATION, fadeEffect: true }) : undefined,\n          yAxisId\n        })\n  } else {\n    series = stacked\n      ? new StackedMountainRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          stroke: strokeColor,\n          fill: color\n        })\n      : dataset.lineTension && dataset.lineTension > 0\n      ? new SplineLineRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          stroke: strokeColor,\n          pointMarker,\n          animation: animation ? new WaveAnimation({ duration: ANIMATION_DURATION, fadeEffect: true }) : undefined,\n          yAxisId\n        })\n      : new FastLineRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          stroke: strokeColor,\n          pointMarker,\n          animation: animation ? new WaveAnimation({ duration: ANIMATION_DURATION, fadeEffect: true }) : undefined,\n          yAxisId\n        })\n  }\n\n  return { series, dataSeries }\n}\n\nexport async function buildSciChart(\n  config: OperatoChart.ChartConfig | undefined | null,\n  container: any,\n  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n): Promise<{ chart: any; dataSeries: any[] } | undefined> {\n  if (!config) return\n\n  const { type: chartType, options, data: fromData } = config\n  const { datasets = [] } = fromData || {}\n  var {\n    theme,\n    tooltip,\n    animation,\n    legend,\n    scales: fromScales,\n    xGridLine,\n    yGridLine,\n    y2ndGridLine,\n    stacked\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 xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize)\n    sciChartSurface.xAxes.add(xAxis)\n  })\n\n  // Y 축 설정\n  yAxes.forEach((axis, index) => {\n    const yAxis = createAxis(wasmContext, axis, index, false, fontColor, fontFamily, fontSize)\n    sciChartSurface.yAxes.add(yAxis)\n  })\n\n  // 시리즈 설정\n  const dataSeriesArray = datasets.map((dataset, index) => {\n    const yAxisId = dataset.yAxisID || 'yAxis0'\n    const { series, dataSeries } = createSeries(wasmContext, dataset, index, !!stacked, !!animation, yAxisId)\n\n    sciChartSurface.renderableSeries.add(series)\n\n    if (tooltip) {\n      const rolloverModifier = new RolloverModifier({\n        showTooltip: true,\n        showAxisLabel: true\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  // 줌인/줌아웃 모디파이어 추가\n  sciChartSurface.chartModifiers.add(\n    new RubberBandXyZoomModifier(),\n    // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),\n    new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }),\n    new ZoomExtentsModifier()\n  )\n\n  if (legend?.display) {\n    const legendModifier = new LegendModifier({\n      showCheckboxes: true,\n      showSeriesMarkers: true,\n      showLegend: true,\n      placement:\n        legend.position == 'top'\n          ? ELegendPlacement.TopLeft\n          : legend.position == 'left'\n          ? ELegendPlacement.BottomLeft\n          : legend.position == 'bottom'\n          ? ELegendPlacement.BottomRight\n          : ELegendPlacement.TopRight\n    })\n\n    sciChartSurface.chartModifiers.add(legendModifier)\n  }\n\n  return { chart, dataSeries: dataSeriesArray }\n}\n"]}
+{"version":3,"file":"scichart-builder.js","sourceRoot":"","sources":["../../src/charts/scichart-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import { TinyColor } from '@ctrl/tinycolor'\nimport { format as formatText } from '@operato/utils/format.js'\nimport {\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  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  ELegendPlacement,\n  EXyDirection,\n  XAxisDragModifier,\n  YAxisDragModifier,\n  TextAnnotation,\n  LineAnnotation,\n  BoxAnnotation,\n  HorizontalLineAnnotation,\n  VerticalLineAnnotation\n} from 'scichart'\n\nSciChartSurface.UseCommunityLicense()\n\nSciChartSurface.configure({\n  dataUrl: `/node_modules/scichart/_wasm/scichart2d.data`,\n  wasmUrl: `/node_modules/scichart/_wasm/scichart2d.wasm`\n})\n\nconst DEFAULT_COLOR = '#FF6600'\nconst DEFAULT_STROKE = '#000000'\nconst POINT_MARKER_SIZE = 10\nconst STROKE_THICKNESS = 2\nconst ANIMATION_DURATION = 1000\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 createPointMarker(wasmContext: any, dataset: any, color: string = DEFAULT_COLOR) {\n  const { pointStyle, pointRadius = POINT_MARKER_SIZE } = dataset || {}\n\n  if (!pointStyle) {\n    return\n  }\n\n  const pointMarkerOptions = {\n    width: pointRadius,\n    height: pointRadius,\n    strokeThickness: STROKE_THICKNESS,\n    fill: color,\n    stroke: DEFAULT_STROKE\n  }\n\n  switch (pointStyle) {\n    case 'triangle':\n      return new TrianglePointMarker(wasmContext, pointMarkerOptions)\n    case 'rect':\n      return new SquarePointMarker(wasmContext, pointMarkerOptions)\n    case 'cross':\n      return new CrossPointMarker(wasmContext, pointMarkerOptions)\n    case 'crossRot':\n      return new XPointMarker(wasmContext, pointMarkerOptions)\n    default:\n      return new EllipsePointMarker(wasmContext, pointMarkerOptions)\n  }\n}\n\nfunction createAxis(\n  wasmContext: any,\n  axis: any,\n  index: number,\n  isXAxis: boolean,\n  fontColor: string,\n  fontFamily?: string,\n  fontSize?: number\n) {\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  } = ticks || {}\n\n  const axisOptions = {\n    axisTitle,\n    autoRange: autoMin || autoMax ? EAutoRange.Always : undefined,\n    axisAlignment: isXAxis ? EAxisAlignment.Bottom : 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\n    },\n    axisTitleStyle: {\n      fontFamily,\n      fontSize,\n      color: textStrokeColor\n    }\n  }\n\n  return isXAxis\n    ? new DateTimeNumericAxis(wasmContext, { ...axisOptions, labelProvider: new SmartDateLabelProvider() })\n    : new NumericAxis(wasmContext, { ...axisOptions, id: index !== 0 ? `yAxis${index}` : undefined })\n}\n\nfunction createSeries(\n  wasmContext: any,\n  dataset: any,\n  index: number,\n  stacked: boolean,\n  animation: boolean,\n  yAxisId: string | undefined\n) {\n  const dataSeries = new XyDataSeries(wasmContext, {\n    dataSeriesName: dataset.label,\n    containsNaN: false\n  })\n\n  const stackGroupId = dataset.stack || `__stack${index}__`\n  const color = convertColor(dataset.backgroundColor, DEFAULT_COLOR)\n  const strokeColor = convertColor(dataset.color, DEFAULT_COLOR)\n  const borderWidth = dataset.borderWidth || STROKE_THICKNESS\n  const pointMarker = createPointMarker(wasmContext, dataset, strokeColor)\n\n  let series\n  if (dataset.type === 'bar') {\n    series = stacked\n      ? new StackedColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          fill: color,\n          stackedGroupId: stackGroupId\n        })\n      : new FastColumnRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          fill: color,\n          animation: animation ? new WaveAnimation({ duration: ANIMATION_DURATION, fadeEffect: true }) : undefined,\n          yAxisId\n        })\n  } else {\n    series = stacked\n      ? new StackedMountainRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          stroke: strokeColor,\n          fill: color\n        })\n      : dataset.lineTension && dataset.lineTension > 0\n      ? new SplineLineRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          stroke: strokeColor,\n          pointMarker,\n          animation: animation ? new WaveAnimation({ duration: ANIMATION_DURATION, fadeEffect: true }) : undefined,\n          yAxisId\n        })\n      : new FastLineRenderableSeries(wasmContext, {\n          dataSeries,\n          strokeThickness: borderWidth,\n          stroke: strokeColor,\n          pointMarker,\n          animation: animation ? new WaveAnimation({ duration: ANIMATION_DURATION, fadeEffect: true }) : undefined,\n          yAxisId\n        })\n  }\n\n  return { series, dataSeries }\n}\n\nexport async function buildSciChart(\n  config: OperatoChart.ChartConfig | undefined | null,\n  container: any,\n  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string }\n): Promise<{ chart: any; dataSeries: any[] } | undefined> {\n  if (!config) return\n\n  const { type: chartType, options, data: fromData } = config\n  const { datasets = [] } = fromData || {}\n  var {\n    theme,\n    tooltip,\n    animation,\n    legend,\n    scales: fromScales,\n    xGridLine,\n    yGridLine,\n    y2ndGridLine,\n    stacked,\n    multiAxis,\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 xAxis = createAxis(wasmContext, axis, index, true, fontColor, fontFamily, fontSize)\n    sciChartSurface.xAxes.add(xAxis)\n  })\n\n  // Y 축 설정\n  ;(multiAxis ? yAxes : [yAxes[0]]).forEach((axis, index) => {\n    const yAxis = createAxis(wasmContext, axis, index, false, fontColor, fontFamily, fontSize)\n    sciChartSurface.yAxes.add(yAxis)\n  })\n\n  // 시리즈 설정\n  const dataSeriesArray = datasets.map((dataset, index) => {\n    const yAxisId = dataset.yAxisID == 'right' && multiAxis ? 'yAxis1' : undefined\n    const { series, dataSeries } = createSeries(wasmContext, dataset, index, !!stacked, !!animation, yAxisId)\n\n    sciChartSurface.renderableSeries.add(series)\n\n    if (tooltip) {\n      const rolloverModifier = new RolloverModifier({\n        showTooltip: true,\n        showAxisLabel: true\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: any\n      let horizontalAnchorPoint: EHorizontalAnchorPoint =\n        annotation.horizontalAnchorPoint == 'Right'\n          ? EHorizontalAnchorPoint.Right\n          : annotation.horizontalAnchorPoint == 'Left'\n          ? EHorizontalAnchorPoint.Left\n          : EHorizontalAnchorPoint.Center\n      let verticalAnchorPoint: EVerticalAnchorPoint =\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          })\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: ECoordinateMode.Relative,\n            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          })\n          break\n        case 'horizontalLine':\n          sciAnnotation = new HorizontalLineAnnotation({\n            y1: annotation.y1,\n            stroke: convertColor(annotation.stroke, '#FF0000'),\n            strokeThickness: annotation.strokeThickness\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          })\n          break\n        default:\n          break\n      }\n      if (sciAnnotation) {\n        sciChartSurface.annotations.add(sciAnnotation)\n      }\n    })\n  }\n\n  // 줌인/줌아웃 모디파이어 추가\n  sciChartSurface.chartModifiers.add(\n    // new RubberBandXyZoomModifier(),\n    // new ZoomPanModifier({ xyDirection: EXyDirection.XDirection }),\n    new ZoomPanModifier(),\n    new MouseWheelZoomModifier({ xyDirection: EXyDirection.XDirection }),\n    new ZoomExtentsModifier(),\n    new XAxisDragModifier(),\n    new YAxisDragModifier()\n  )\n\n  if (legend?.display) {\n    const legendModifier = new LegendModifier({\n      showCheckboxes: true,\n      showSeriesMarkers: true,\n      showLegend: true,\n      placement:\n        legend.position == 'top'\n          ? ELegendPlacement.TopLeft\n          : legend.position == 'left'\n          ? ELegendPlacement.BottomLeft\n          : legend.position == 'bottom'\n          ? ELegendPlacement.BottomRight\n          : ELegendPlacement.TopRight\n    })\n\n    sciChartSurface.chartModifiers.add(legendModifier)\n  }\n\n  return { chart, dataSeries: dataSeriesArray }\n}\n"]}

package/dist/templates/index.d.ts

@@ -17,39 +17,22 @@ declare const _default: {
         chart: {
             type: string;
             data: {
-                datasets: ({
+                datasets: {
                     dataKey: string;
                     label: string;
                     type: string;
-                    color: string;
                     borderWidth: number;
-                    fill?: undefined;
-                    lineTension?: undefined;
-                    pointStyle?: undefined;
-                    pointRadius?: undefined;
-                } | {
-                    dataKey: string;
-                    label: string;
-                    type: string;
-                    color: string;
-                    fill: boolean;
-                    lineTension: number;
-                    pointStyle: string;
-                    pointRadius: number;
-                    borderWidth?: undefined;
-                })[];
+                }[];
                 labelDataKey: string;
             };
             options: {
                 scales: {
                     xAxes: {
-                        axisTitle: string;
                         ticks: {
                             beginAtZero: boolean;
                         };
                     }[];
                     yAxes: {
-                        axisTitle: string;
                         ticks: {
                             beginAtZero: boolean;
                         };

package/dist/templates/scichart-timeseries.d.ts

@@ -17,39 +17,22 @@ declare const _default: {
         chart: {
             type: string;
             data: {
-                datasets: ({
+                datasets: {
                     dataKey: string;
                     label: string;
                     type: string;
-                    color: string;
                     borderWidth: number;
-                    fill?: undefined;
-                    lineTension?: undefined;
-                    pointStyle?: undefined;
-                    pointRadius?: undefined;
-                } | {
-                    dataKey: string;
-                    label: string;
-                    type: string;
-                    color: string;
-                    fill: boolean;
-                    lineTension: number;
-                    pointStyle: string;
-                    pointRadius: number;
-                    borderWidth?: undefined;
-                })[];
+                }[];
                 labelDataKey: string;
             };
             options: {
                 scales: {
                     xAxes: {
-                        axisTitle: string;
                         ticks: {
                             beginAtZero: boolean;
                         };
                     }[];
                     yAxes: {
-                        axisTitle: string;
                         ticks: {
                             beginAtZero: boolean;
                         };

package/dist/templates/scichart-timeseries.js

@@ -34,25 +34,14 @@ export default {
         height: 300,
         data,
         chart: {
-            type: 'line' /* TODO change to 'timeseries' */,
+            type: 'timeseries',
             data: {
                 datasets: [
                     {
                         dataKey: 'count',
-                        label: 'Line Series count',
+                        label: '',
                         type: 'line',
-                        color: 'rgba(255, 99, 132, 1)',
                         borderWidth: 1
-                    },
-                    {
-                        dataKey: 'average',
-                        label: 'Line Series average',
-                        type: 'line',
-                        color: 'rgba(54, 162, 235, 1)',
-                        fill: false,
-                        lineTension: 0.4,
-                        pointStyle: 'circle',
-                        pointRadius: 3
                     }
                 ],
                 labelDataKey: 'timestamp'
@@ -61,17 +50,11 @@ export default {
                 scales: {
                     xAxes: [
                         {
-                            axisTitle: 'timestamp',
                             ticks: { beginAtZero: true }
                         }
                     ],
                     yAxes: [
                         {
-                            axisTitle: 'count',
-                            ticks: { beginAtZero: true }
-                        },
-                        {
-                            axisTitle: 'average',
                             ticks: { beginAtZero: true }
                         }
                     ]

package/dist/templates/scichart-timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,qBAAqB;IAC3B,WAAW,EAAE,qBAAqB;IAClC,gGAAgG;IAChG,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,MAAM,CAAC,iCAAiC;YAC9C,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,mBAAmB;wBAC1B,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,uBAAuB;wBAC9B,WAAW,EAAE,CAAC;qBACf;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,KAAK,EAAE,qBAAqB;wBAC5B,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,uBAAuB;wBAC9B,IAAI,EAAE,KAAK;wBACX,WAAW,EAAE,GAAG;wBAChB,UAAU,EAAE,QAAQ;wBACpB,WAAW,EAAE,CAAC;qBACf;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE,WAAW;4BACtB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,SAAS,EAAE,OAAO;4BAClB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;wBACD;4BACE,SAAS,EAAE,SAAS;4BACpB,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAC1B;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n  const randomData = []\n  const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n  for (let i = 0; i < count; i++) {\n    const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n    const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n    const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n    randomData.push({\n      timestamp: timestamp,\n      count: randomCount,\n      average: randomAverage\n    })\n  }\n\n  return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n  type: 'scichart-timeseries',\n  description: 'scichart-timeseries',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  group: 'chartAndGauge',\n  icon,\n  model: {\n    type: 'scichart-timeseries',\n    left: 10,\n    top: 10,\n    width: 400,\n    height: 300,\n    data,\n    chart: {\n      type: 'line' /* TODO change to 'timeseries' */,\n      data: {\n        datasets: [\n          {\n            dataKey: 'count',\n            label: 'Line Series count',\n            type: 'line',\n            color: 'rgba(255, 99, 132, 1)',\n            borderWidth: 1\n          },\n          {\n            dataKey: 'average',\n            label: 'Line Series average',\n            type: 'line',\n            color: 'rgba(54, 162, 235, 1)',\n            fill: false,\n            lineTension: 0.4,\n            pointStyle: 'circle',\n            pointRadius: 3\n          }\n        ],\n        labelDataKey: 'timestamp'\n      },\n      options: {\n        scales: {\n          xAxes: [\n            {\n              axisTitle: 'timestamp',\n              ticks: { beginAtZero: true }\n            }\n          ],\n          yAxes: [\n            {\n              axisTitle: 'count',\n              ticks: { beginAtZero: true }\n            },\n            {\n              axisTitle: 'average',\n              ticks: { beginAtZero: true }\n            }\n          ]\n        },\n        legend: { display: true }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"scichart-timeseries.js","sourceRoot":"","sources":["../../src/templates/scichart-timeseries.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,qCAAqC,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEjF,SAAS,gBAAgB,CAAC,GAAW,EAAE,GAAW;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AAC1D,CAAC;AAED,kBAAkB;AAClB,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA,CAAC,wBAAwB;IAEtE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,SAAS,GAAG,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,oBAAoB;QAC3E,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,4BAA4B;QACxE,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA,CAAC,gCAAgC;QAEhF,UAAU,CAAC,IAAI,CAAC;YACd,SAAS,EAAE,SAAS;YACpB,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,aAAa;SACvB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,mBAAmB;AACnB,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAA;AAEpC,eAAe;IACb,IAAI,EAAE,qBAAqB;IAC3B,WAAW,EAAE,qBAAqB;IAClC,gGAAgG;IAChG,KAAK,EAAE,eAAe;IACtB,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,IAAI;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACJ,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,OAAO;wBAChB,KAAK,EAAE,EAAE;wBACT,IAAI,EAAE,MAAM;wBACZ,WAAW,EAAE,CAAC;qBACf;iBACF;gBACD,YAAY,EAAE,WAAW;aAC1B;YACD,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;oBACD,KAAK,EAAE;wBACL;4BACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;yBAC7B;qBACF;iBACF;gBACD,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAC1B;SACF;KACF;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/scichart-timeseries.png', import.meta.url).href\n\nfunction getRandomInRange(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min + 1)) + min\n}\n\n// 랜덤 데이터를 생성하는 함수\nfunction generateRandomData(count: number) {\n  const randomData = []\n  const startTimestamp = Math.floor(Date.now()) // 현재 시간을 Unix 타임스탬프로 설정\n\n  for (let i = 0; i < count; i++) {\n    const timestamp = startTimestamp + i * 360 * 30 * 1000 // 3초씩 증가하는 타임스탬프 설정\n    const randomCount = getRandomInRange(5, 35) // count 값을 5에서 35 사이로 랜덤 생성\n    const randomAverage = getRandomInRange(50, 150) // average 값을 50에서 150 사이로 랜덤 생성\n\n    randomData.push({\n      timestamp: timestamp,\n      count: randomCount,\n      average: randomAverage\n    })\n  }\n\n  return randomData\n}\n\n// 100개의 랜덤 데이터를 생성\nconst data = generateRandomData(100)\n\nexport default {\n  type: 'scichart-timeseries',\n  description: 'scichart-timeseries',\n  /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */\n  group: 'chartAndGauge',\n  icon,\n  model: {\n    type: 'scichart-timeseries',\n    left: 10,\n    top: 10,\n    width: 400,\n    height: 300,\n    data,\n    chart: {\n      type: 'timeseries',\n      data: {\n        datasets: [\n          {\n            dataKey: 'count',\n            label: '',\n            type: 'line',\n            borderWidth: 1\n          }\n        ],\n        labelDataKey: 'timestamp'\n      },\n      options: {\n        scales: {\n          xAxes: [\n            {\n              ticks: { beginAtZero: true }\n            }\n          ],\n          yAxes: [\n            {\n              ticks: { beginAtZero: true }\n            }\n          ]\n        },\n        legend: { display: true }\n      }\n    }\n  }\n}\n"]}

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -6,14 +6,14 @@
     "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
     "files": [
         {
-            "date": 1720446545556,
-            "name": "logs/application-2024-07-08-22.log",
-            "hash": "7fcc686ecc569ede502789c107abe94478fe09d4ecb48190c17a4f853cc2b16e"
+            "date": 1720869265082,
+            "name": "logs/application-2024-07-13-20.log",
+            "hash": "5e4e8d37560701cca7dce6c9ed3a0c96a2a09fd39291d4b7f8cc1eb0a5ddcfef"
         },
         {
-            "date": 1720447467137,
-            "name": "logs/application-2024-07-08-23.log",
-            "hash": "985c4351af94b888a6eab9b1da33b24ff2fb9ddddbb8d199b9ac3e5d3c7e9424"
+            "date": 1720872019329,
+            "name": "logs/application-2024-07-13-21.log",
+            "hash": "10e09aff6ffc5d723a4423dfa15d77f80a20d3ea3e34bebef7816aa495454466"
         }
     ],
     "hashType": "sha256"

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -14,6 +14,31 @@
             "date": 1720447469016,
             "name": "logs/connections-2024-07-08-23.log",
             "hash": "e4fe93e478639b437c486609da51f524b2ee8459e461302bcc9ba12c6f44efa9"
+        },
+        {
+            "date": 1720506141428,
+            "name": "logs/connections-2024-07-09-15.log",
+            "hash": "6b95c7e3c0c7447dec6b30b0ee67964fb9df9bea8da42d26cd31863b833d42fa"
+        },
+        {
+            "date": 1720540050689,
+            "name": "logs/connections-2024-07-10-00.log",
+            "hash": "39b7f0e6bb8049de9873ddd4bed7b32f94e6147bcac17541718223a8fb0715b1"
+        },
+        {
+            "date": 1720575316637,
+            "name": "logs/connections-2024-07-10-10.log",
+            "hash": "b6a6e5592b63df4b44b00a5a739a1fc32fa6ee46b33895610daaf954dd9f6495"
+        },
+        {
+            "date": 1720869266913,
+            "name": "logs/connections-2024-07-13-20.log",
+            "hash": "ac977020cc538b13db4613ca114f46dc3569696616f33daaac7428c505ecc930"
+        },
+        {
+            "date": 1720872021153,
+            "name": "logs/connections-2024-07-13-21.log",
+            "hash": "c35e67621cbac8b822aed09ab9323bbcb0d0ef8ef696d7a045f5c5a486de5152"
         }
     ],
     "hashType": "sha256"