@esfaenza/es-charts 20.3.31 → 20.3.32

package/fesm2022/esfaenza-es-charts.mjs

@@ -1126,6 +1126,18 @@ function applyAnimatedTheme(root) {
     root.setThemes([am5themes_Animated.new(root)]);
 }
 
+/**
+ * Valore da passare ad amCharts: NaN (es. parseFloat di un valore assente) diventa null.
+ *
+ * amCharts5 salta solo null e undefined quando calcola minimo e massimo di una serie
+ * (XYSeries, helper min/max con il confronto "left > right"): un NaN in mezzo ai dati rende NaN
+ * il risultato, la serie viene esclusa dalla scala dell'asse e le colonne più alte escono tagliate.
+ * Succede ad esempio con il misurato dei periodi futuri, che non ha valore.
+ */
+function chartValue(value) {
+    return typeof value === "number" && isNaN(value) ? null : value;
+}
+
 /**
  * Classe il cui unico scopo e gestire il setup e rendering di un LineChart
  */
@@ -1389,7 +1401,7 @@ class LineChartService {
                 var indexer = new Date(dataitem.d).valueOf();
                 if (!dto[indexer])
                     dto[indexer] = {};
-                dto[indexer]['v' + index] = dataitem.v;
+                dto[indexer]['v' + index] = chartValue(dataitem.v);
             }
         });
         var dates = Object.keys(dto);
@@ -1488,7 +1500,7 @@ class LineChartService {
         if (this.singleDataSet)
             series.data.setAll(this.mergedData);
         else
-            series.data.setAll(source.values.map(item => ({ d: new Date(item.d).getTime(), v: item.v })));
+            series.data.setAll(source.values.map(item => ({ d: new Date(item.d).getTime(), v: chartValue(item.v) })));
         if (source.hidden)
             series.hide(0);
         return series;
@@ -1554,7 +1566,7 @@ class LineChartService {
         if (this.singleDataSet)
             scrollbarSeries.data.setAll(this.mergedData);
         else
-            scrollbarSeries.data.setAll(source.values.map(item => ({ d: new Date(item.d).getTime(), v: item.v })));
+            scrollbarSeries.data.setAll(source.values.map(item => ({ d: new Date(item.d).getTime(), v: chartValue(item.v) })));
     }
     /** @ignore */
     applyLocale(settings) {
@@ -2038,7 +2050,7 @@ class PieChartService {
         }
         // I dati vanno assegnati PRIMA di calcolare il totale e registrare gli handler: altrimenti i dataItems
         // non esistono ancora e il totale verrebbe calcolato su una serie vuota (restando a 0)
-        series.data.setAll(dataConverted.values);
+        series.data.setAll(dataConverted.values.map(value => ({ ...value, v: chartValue(value.v) })));
         // Configurazione "Mostra Totale"
         if (settings.Total?.Show) {
             // La label va agganciata al seriesContainer (la cui origine e il centro della torta) e centrata su
@@ -2065,11 +2077,11 @@ class PieChartService {
                     fs = 20;
                 else if (sumString.length == 7)
                     fs = 23;
-                label.set("html", `<div style="text-align:center">
-                        <div style="font-size:${settings.Total?.TitleSize || 18}px">Totale:</div>
-                        <div style="font-weight:bold;font-size:${settings.Total?.NumberSize || fs}px">
-                            <span>${sumString}${settings.Total?.UnitOfMeasure ? " " + settings.Total.UnitOfMeasure : ""}</span>
-                        </div>
+                label.set("html", `<div style="text-align:center">
+                        <div style="font-size:${settings.Total?.TitleSize || 18}px">Totale:</div>
+                        <div style="font-weight:bold;font-size:${settings.Total?.NumberSize || fs}px">
+                            <span>${sumString}${settings.Total?.UnitOfMeasure ? " " + settings.Total.UnitOfMeasure : ""}</span>
+                        </div>
                     </div>`);
             };
             updateTotal();
@@ -2154,6 +2166,7 @@ class VerticalChartService {
         //#endregion
         let chartData = dataConverted.values.map(value => ({
             ...value,
+            v: chartValue(value.v),
             c: typeof value.c == "string" ? am5.color(value.c) : value.c
         }));
         //#region Carico la Legenda
@@ -2520,7 +2533,7 @@ class Vertical2DChartService {
             let obj = { key: item.name };
             for (let p = 0; p < item.values.length; p++) {
                 let value = item.values[p];
-                obj[value.k] = value.v;
+                obj[value.k] = chartValue(value.v);
             }
             dataConverted.push(obj);
         }
@@ -2753,7 +2766,7 @@ class VerticalStackedChartService {
             let obj = { key: item.name };
             for (let p = 0; p < item.values.length; p++) {
                 let value = item.values[p];
-                obj[value.k] = value.v;
+                obj[value.k] = chartValue(value.v);
             }
             dataConverted.push(obj);
         }
@@ -2927,7 +2940,7 @@ class AreaChartService {
             let dataItem = { date: new Date(group.name).getTime() };
             for (let ii = 0; ii < group.values.length; ii++) {
                 let val = group.values[ii];
-                dataItem[val.k] = val.v;
+                dataItem[val.k] = chartValue(val.v);
                 if (!seriesToMakeCache[val.k]) {
                     seriesToMakeCache[val.k] = true;
                     seriesToMake.push(val.k);