fix: Floats were not truncated properly for radialBar

Fix #174

Author: RomRider

.devcontainer/ui-lovelace.yaml

@@ -438,10 +438,11 @@ views:
               - entity: sensor.random0_100
               - entity: sensor.random_0_1000
                 unit: Mbits/s
+                float_precision: 4
                 min: 0
                 max: 1000
                 group_by:
-                  func: max
+                  func: avg
                   duration: 30min
           - type: custom:apexcharts-card
             chart_type: pie

src/apex-layouts.ts

@@ -355,6 +355,19 @@ function getPlotOptions_radialBar(config: ChartCardConfig) {
       track: {
         background: 'rgba(128, 128, 128, 0.2)',
       },
+      dataLabels: {
+        value: {
+          formatter: function (value, opts, conf = config) {
+            const index = opts?.config?.series?.findIndex((x) => {
+              return parseFloat(value) === x;
+            });
+            if (index != -1) {
+              return truncateFloat(value, conf.series_in_graph[index].float_precision) + '%';
+            }
+            return value;
+          },
+        },
+      },
     };
   } else {
     return {};

src/utils.ts

@@ -234,10 +234,19 @@ export function is12Hour(locale: string): boolean {
   return !(new Date(2021, 1, 1, 15, 0, 0, 0).toLocaleTimeString(locale).indexOf('15') > -1);
 }
 
-export function truncateFloat(value: number | null | undefined, precision: number | undefined): string | number | null {
+export function truncateFloat(
+  value: string | number | null | undefined,
+  precision: number | undefined,
+): string | number | null {
   let lValue: string | number | null | undefined = value;
   if (lValue === undefined) return null;
-  if (value !== null && typeof value === 'number' && !Number.isInteger(value)) {
+  if (typeof lValue === 'string') {
+    lValue = parseFloat(lValue);
+    if (Number.isNaN(lValue)) {
+      return lValue;
+    }
+  }
+  if (lValue !== null && typeof lValue === 'number' && !Number.isInteger(lValue)) {
     lValue = (lValue as number).toFixed(precision === undefined ? DEFAULT_FLOAT_PRECISION : precision);
   }
   return lValue;