@record-evolution/widget-gauge 1.7.12 → 1.7.14

package/package.json

@@ -3,7 +3,7 @@
     "description": "REWidget widget-gauge",
     "license": "MIT",
     "author": "widget-gauge",
-    "version": "1.7.12",
+    "version": "1.7.14",
     "type": "module",
     "main": "dist/widget-gauge.js",
     "types": "dist/src/widget-gauge.d.ts",
@@ -19,7 +19,7 @@
         "link": "npm run build && npm link && cd ../RESWARM/frontend && npm link @record-evolution/widget-gauge",
         "unlink": "npm unlink --global && cd ../RESWARM/frontend && npm unlink @record-evolution/widget-gauge && npm i @record-evolution/widget-gauge",
         "types": "cat src/definition-schema.json | json2ts --style.tabWidth=4 > src/definition-schema.d.ts",
-        "release": "npm run build && npm run types && npm version patch --tag-version-prefix='' && git push && git push --tag"
+        "release": "npm run build && npm run types && npm version patch --tag-version-prefix='' && git push && git push --tag && npm run build"
     },
     "dependencies": {
         "echarts": "5.6.0",

package/src/default-data.json

@@ -1,7 +1,7 @@
 {
     "dataseries": [
         {
-            "label": "Demo Gauge Temperature",
+            "label": "Temperature",
             "unit": "°C",
             "precision": 1,
             "data": [
@@ -16,15 +16,6 @@
             "advanced": {
                 "averageLatest": 1
             }
-        },
-        {
-            "label": "Demo Gauge Pascal",
-            "unit": "Pa",
-            "data": [
-                {
-                    "value": 79
-                }
-            ]
         }
     ]
 }

package/src/widget-gauge.ts

@@ -89,8 +89,7 @@ export class WidgetGauge extends LitElement {
                     detail: {
                         valueAnimation: false,
                         fontSize: 25,
-                        offsetCenter: [0, '-7%'],
-                        color: 'inherit'
+                        offsetCenter: [0, '-7%']
                     },
                     title: {
                         text: 'Gauge A',
@@ -209,10 +208,10 @@ export class WidgetGauge extends LitElement {
             Array.from(this?.shadowRoot?.querySelectorAll('.chart-wrapper') as NodeListOf<HTMLDivElement>) ??
             []
         if (!this.boxes.length) return
-        this.origWidth =
-            this.boxes?.map((b) => b.getBoundingClientRect().width).reduce((p, c) => (c > p ? c : p), 0) ?? 0
-        this.origHeight =
-            this.boxes?.map((b) => b.getBoundingClientRect().height).reduce((p, c) => (c > p ? c : p), 0) ?? 0
+        this.origWidth = 600
+        // this.boxes?.map((b) => b.getBoundingClientRect().width).reduce((p, c) => (c > p ? c : p), 0) ?? 0
+        this.origHeight = 230
+        // this.boxes?.map((b) => b.getBoundingClientRect().height).reduce((p, c) => (c > p ? c : p), 0) ?? 0
     }
 
     adjustSizes() {
@@ -346,10 +345,15 @@ export class WidgetGauge extends LitElement {
 
             ga.data[0].value = ds.needleValue
             ga.data[0].name = ds.unit
+            // unit style
             ga.title.fontSize = 20 * modifier
             ga.title.color = ds.valueColor ?? this.themeTitleColor
+            ga.title.opacity = 1
+            // value style
             ga.detail.color = ds.valueColor ?? this.themeTitleColor
+            ga.detail.opacity = 1
             ga.detail.fontSize = 40 * modifier
+
             ga.detail.formatter = (val: number) =>
                 isNaN(val) ? '-' : val.toFixed(Math.floor(ds.precision ?? 0))
             // ga.anchor.itemStyle.color = ds.valueColor
@@ -399,7 +403,7 @@ export class WidgetGauge extends LitElement {
             }
             ga.progress.itemStyle.color = progressColor
             ga.progress.width = 60 * modifier
-            // Apply
+
             const titleElement = this.canvasList.get(ds.label)?.title
             if (titleElement) {
                 titleElement.style.fontSize = String(20 * modifier) + 'px'
@@ -408,6 +412,7 @@ export class WidgetGauge extends LitElement {
                 titleElement.textContent = ds.label ?? ''
             }
 
+            // Apply
             echart?.setOption(option)
         }
     }