fix(datalabels): Truncate floats to 1 digit after the decimal point

ka0n · Jan 27, 2021 · f5f744f · f5f744f
1 parent fb74956
commit f5f744f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/.devcontainer/ui-lovelace.yaml b/.devcontainer/ui-lovelace.yaml
@@ -143,6 +143,11 @@ views:
         graph_span: 24h
         span:
           start: day
+        apex_config:
+          dataLabels:
+            enabled: true
+            dropShadow:
+              enabled: true
         series:
           - entity: sensor.random0_100
             extend_to_end: false

diff --git a/src/apex-layouts.ts b/src/apex-layouts.ts
@@ -74,6 +74,16 @@ export function getLayoutConfig(config: ChartCardConfig, hass: HomeAssistant | u
         postion: 'topRight',
       },
     },
+    dataLabels: {
+      formatter: function (value, _) {
+        let lValue = value;
+        if (value !== null && typeof value === 'number' && !Number.isInteger(value)) {
+          lValue = (value as number).toFixed(1);
+        }
+        if (lValue === null) return;
+        return lValue;
+      },
+    },
     legend: {
       formatter: function (_, opts, conf = config, hass2 = hass) {
         const name =