@record-evolution/widget-gauge 1.7.8 → 1.7.9

package/package.json

@@ -3,7 +3,7 @@
     "description": "REWidget widget-gauge",
     "license": "MIT",
     "author": "widget-gauge",
-    "version": "1.7.8",
+    "version": "1.7.9",
     "type": "module",
     "main": "dist/widget-gauge.js",
     "types": "dist/src/widget-gauge.d.ts",

package/src/default-data.json

@@ -1,5 +1,22 @@
 {
     "dataseries": [
+        {
+            "label": "Demo Gauge Temperature",
+            "unit": "°C",
+            "precision": 1,
+            "data": [
+                {
+                    "value": 83
+                }
+            ],
+            "sections": {
+                "sectionLimits": [],
+                "backgroundColors": []
+            },
+            "advanced": {
+                "averageLatest": 1
+            }
+        },
         {
             "label": "Demo Gauge Pascal",
             "unit": "Pa",

package/src/widget-gauge.ts

@@ -1,6 +1,6 @@
 import { html, css, LitElement, PropertyValueMap } from 'lit'
 import { customElement, property, state } from 'lit/decorators.js'
-import { GaugeChartConfiguration } from './definition-schema.js'
+import { GaugeChartConfiguration, SectionBackgroundColors } from './definition-schema.js'
 
 import * as echarts from 'echarts/core'
 import { TooltipComponent } from 'echarts/components'
@@ -356,14 +356,20 @@ export class WidgetGauge extends LitElement {
             // ga.pointer.itemStyle.color = ds.valueColor
 
             // Axis
-            const sectionLimits = ds.sections?.sectionLimits ?? [0, 40, 80, 100]
+            const sectionLimits = !ds.sections?.sectionLimits?.length
+                ? [0, 40, 80, 100]
+                : ds.sections?.sectionLimits
             ga2.min = sectionLimits?.length ? Math.min(...sectionLimits) : 0
             ga2.max = sectionLimits?.length ? Math.max(...sectionLimits) : 100
             ga.min = ga2.min
             ga.max = ga2.max
 
-            const tcolors = this.theme?.theme_object?.color
-            const colors: string[] = ds.sections?.backgroundColors?.map(
+            const tcolors: SectionBackgroundColors = this.theme?.theme_object?.color
+            const bcolors: SectionBackgroundColors = !ds.sections?.backgroundColors?.length
+                ? (tcolors?.slice(0, 3) ?? ['#bf444c', '#d88273', '#f6efa6'])
+                : ds.sections?.backgroundColors
+
+            const colors: SectionBackgroundColors = bcolors?.map(
                 (b, i) => b || tcolors[i % (tcolors?.length ?? 0)]
             ) ??
                 tcolors?.slice(0, 3) ?? ['#bf444c', '#d88273', '#f6efa6']