@operato/scene-scichart 7.1.0 → 7.2.0

package/src/charts/scichart-builder.ts

@@ -234,7 +234,7 @@ function createSeries(
 export async function buildSciChart(
   config: OperatoChart.ChartConfig | undefined | null,
   container: any,
-  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string },
+  { fontSize = 14, fontFamily = 'Roboto', fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string },
   grouped?: string
 ): Promise<{ chart: any; dataSeries: any[] } | undefined> {
   if (!config) return
@@ -243,16 +243,19 @@ export async function buildSciChart(
   const { datasets = [] } = fromData || {}
   var {
     theme,
-    tooltip,
-    animation,
-    legend,
+    tooltip = true,
+    animation = true,
+    legend = {
+      display: true,
+      position: 'top'
+    },
     scales: fromScales,
-    xGridLine,
-    yGridLine,
-    y2ndGridLine,
-    stacked,
-    multiAxis,
-    annotations
+    xGridLine = true,
+    yGridLine = true,
+    y2ndGridLine = false,
+    stacked = false,
+    multiAxis = false,
+    annotations = []
   } = options || {}
 
   var baseColor = getBaseColorFromTheme(theme)
@@ -326,7 +329,7 @@ export async function buildSciChart(
 
   if (annotations) {
     annotations.forEach(annotation => {
-      let sciAnnotation: any
+      let sciAnnotation
       let horizontalAnchorPoint: EHorizontalAnchorPoint =
         annotation.horizontalAnchorPoint == 'Right'
           ? EHorizontalAnchorPoint.Right
@@ -350,7 +353,9 @@ export async function buildSciChart(
             verticalAnchorPoint,
             fontSize: annotation.fontSize,
             fontFamily: annotation.fontFamily,
-            textColor: convertColor(annotation.stroke, fontColor)
+            textColor: convertColor(annotation.stroke, fontColor),
+            xCoordinateMode: (annotation.xCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode,
+            yCoordinateMode: (annotation.yCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode
           })
           break
         case 'line':
@@ -361,8 +366,8 @@ export async function buildSciChart(
             y2: annotation.y2,
             stroke: convertColor(annotation.stroke, '#FF0000'),
             strokeThickness: annotation.strokeThickness,
-            xCoordinateMode: ECoordinateMode.Relative,
-            yCoordinateMode: ECoordinateMode.DataValue
+            xCoordinateMode: (annotation.xCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode,
+            yCoordinateMode: (annotation.yCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode
           })
           break
         case 'box':
@@ -373,21 +378,27 @@ export async function buildSciChart(
             y2: annotation.y2,
             fill: convertColor(annotation.fill, '#FF0000'),
             stroke: convertColor(annotation.stroke, '#FF0000'),
-            strokeThickness: annotation.strokeThickness
+            strokeThickness: annotation.strokeThickness,
+            xCoordinateMode: (annotation.xCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode,
+            yCoordinateMode: (annotation.yCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode
           })
           break
         case 'horizontalLine':
           sciAnnotation = new HorizontalLineAnnotation({
             y1: annotation.y1,
             stroke: convertColor(annotation.stroke, '#FF0000'),
-            strokeThickness: annotation.strokeThickness
+            strokeThickness: annotation.strokeThickness,
+            xCoordinateMode: (annotation.xCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode,
+            yCoordinateMode: (annotation.yCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode
           })
           break
         case 'verticalLine':
           sciAnnotation = new VerticalLineAnnotation({
             x1: annotation.x1,
             stroke: convertColor(annotation.stroke, '#FF0000'),
-            strokeThickness: annotation.strokeThickness
+            strokeThickness: annotation.strokeThickness,
+            xCoordinateMode: (annotation.xCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode,
+            yCoordinateMode: (annotation.yCoordinateMode || ECoordinateMode.DataValue) as ECoordinateMode
           })
           break
         default:
@@ -434,7 +445,7 @@ export async function buildSciChart(
 export async function buildSciChartOverview(
   config: OperatoChart.ChartConfig | undefined | null,
   container: any,
-  { fontSize, fontFamily, fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string },
+  { fontSize = 14, fontFamily = 'Roboto', fontColor }: { fontSize?: number; fontFamily?: string; fontColor?: string },
   axisSynchroniser: AxisSynchroniser
 ): Promise<{ chart: any; dataSeries: any[] } | undefined> {
   if (!config) return

package/src/scichart-multiple-timeseries.ts

@@ -33,12 +33,6 @@ export default class ScichartMultipleTimeseries extends HTMLOverlayContainer {
     return NATURE
   }
 
-  async oncreate_element(scichart: OxSciChartMultiple) {}
-
-  dispose() {
-    super.dispose()
-  }
-
   setElementProperties(scichart: OxSciChartMultiple) {
     const { data, chart, showOverview, visibleSeries } = this.state
 
@@ -48,10 +42,6 @@ export default class ScichartMultipleTimeseries extends HTMLOverlayContainer {
     scichart.visibleSeries = visibleSeries || []
   }
 
-  reposition() {
-    super.reposition()
-  }
-
   get tagName() {
     return 'ox-scichart-multiple'
   }

package/src/scichart-timeseries.ts

@@ -27,12 +27,6 @@ export default class ScichartTimeSeries extends HTMLOverlayContainer {
     return NATURE
   }
 
-  async oncreate_element(scichart: OxSciChart) {}
-
-  dispose() {
-    super.dispose()
-  }
-
   setElementProperties(scichart: OxSciChart) {
     const { data, chart } = this.state
 
@@ -40,13 +34,13 @@ export default class ScichartTimeSeries extends HTMLOverlayContainer {
     scichart.data = data
   }
 
-  reposition() {
-    super.reposition()
-  }
-
   get tagName() {
     return 'ox-scichart'
   }
+
+  async onchangeData(after: Properties, before: Properties): Promise<void> {
+    ;(this.element as OxSciChart).data = this.data
+  }
 }
 
 Component.register('scichart-timeseries', ScichartTimeSeries)