@esfaenza/es-charts 13.1.7 → 13.1.8

package/fesm2020/esfaenza-es-charts.mjs

@@ -223,13 +223,14 @@ class LegendPad {
  */
 class Limit {
     /** @ignore */
-    constructor(upper, upperlabel, uppercolor, lower, lowerlabel, lowercolor) {
+    constructor(upper, upperlabel, uppercolor, lower, lowerlabel, lowercolor, fillColor = "") {
         this.upper = upper;
         this.upperlabel = upperlabel;
         this.uppercolor = uppercolor;
         this.lower = lower;
         this.lowerlabel = lowerlabel;
         this.lowercolor = lowercolor;
+        this.fillColor = fillColor;
     }
 }
 
@@ -1008,6 +1009,15 @@ class BaseChartComponent {
         if (this.logs)
             console.log("@esfaenza/es-charts: " + log);
     }
+    /**
+     * Imposta lo zoom dal **from** al **to**
+     *
+     * @param {Date} from Inizio dello zoom
+     * @param {Date} to Fine dello zoom
+     */
+    setSelection(from, to) {
+        this.ChartService.setSelection(from, to);
+    }
     /**
      * @ignore
      */
@@ -1123,33 +1133,57 @@ class LineChartService {
             yAxis.min = settings.Min;
         if (settings.Max)
             yAxis.max = settings.Max;
-        if (dataConverted.limit) {
-            if (dataConverted.limit.upper != null && dataConverted.limit.upper != undefined) {
-                let range = yAxis.axisRanges.create();
-                range.value = dataConverted.limit.upper;
-                range.label.inside = true;
-                range.label.text = dataConverted.limit.upperlabel;
-                range.label.fill = range.grid.stroke;
-                range.label.verticalCenter = "bottom";
-                range.label.stroke = am4core.color(dataConverted.limit.uppercolor || "#F92200");
-                range.grid.stroke = am4core.color(dataConverted.limit.uppercolor || "#F92200");
-                range.grid.strokeWidth = 2;
-                range.grid.strokeOpacity = 1;
-            }
-            if (dataConverted.limit.lower != null && dataConverted.limit.lower != undefined) {
-                let range = yAxis.axisRanges.create();
-                range.value = dataConverted.limit.lower;
-                range.label.inside = true;
-                range.label.text = dataConverted.limit.lowerlabel;
-                range.label.fill = range.grid.stroke;
-                range.label.verticalCenter = "bottom";
-                range.label.stroke = am4core.color(dataConverted.limit.lowercolor || "#F92200");
-                range.grid.stroke = am4core.color(dataConverted.limit.lowercolor || "#F92200");
-                range.grid.strokeWidth = 2;
-                range.grid.strokeOpacity = 1;
+        let limitNullOrUndef = dataConverted.limit == null || dataConverted.limit == undefined;
+        let limits = limitNullOrUndef ? [] : !dataConverted.limit.length ? [dataConverted.limit] : dataConverted.limit;
+        if (limits.length > 0) {
+            for (let i = 0; i < limits.length; i++) {
+                let limit = limits[i];
+                if (limit.upper != null && limit.upper != undefined && limit.lower != null && limit.lower != undefined) {
+                    let range = yAxis.axisRanges.create();
+                    range.value = limit.lower;
+                    range.endValue = limit.upper;
+                    if (limit.fillColor) {
+                        range.contents.stroke = am4core.color(limit.fillColor);
+                        range.contents.fill = range.contents.stroke;
+                    }
+                    range.label.inside = true;
+                    range.label.text = limit.upperlabel;
+                    range.label.fill = range.grid.stroke;
+                    range.label.verticalCenter = "bottom";
+                    range.label.stroke = am4core.color(limit.uppercolor || "#F92200");
+                    range.grid.stroke = am4core.color(limit.uppercolor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
+                else if ((limit.lower == null || limit.lower == undefined) && limit.upper != null && limit.upper != undefined) {
+                    let range = yAxis.axisRanges.create();
+                    range.value = limit.upper;
+                    range.label.inside = true;
+                    range.label.text = limit.upperlabel;
+                    range.label.fill = range.grid.stroke;
+                    range.label.verticalCenter = "bottom";
+                    range.label.stroke = am4core.color(limit.uppercolor || "#F92200");
+                    range.grid.stroke = am4core.color(limit.uppercolor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
+                else if ((limit.upper == null || limit.upper == undefined) && limit.lower != null && limit.lower != undefined) {
+                    let range = yAxis.axisRanges.create();
+                    range.value = limit.lower;
+                    range.label.inside = true;
+                    range.label.text = limit.lowerlabel;
+                    range.label.fill = range.grid.stroke;
+                    range.label.verticalCenter = "bottom";
+                    range.label.stroke = am4core.color(limit.lowercolor || "#F92200");
+                    range.grid.stroke = am4core.color(limit.lowercolor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
             }
         }
-        let dateAxis = ChartInstanceCasted.xAxes.push(new am4charts.DateAxis());
+        this.dateAxis = ChartInstanceCasted.xAxes.push(new am4charts.DateAxis());
+        // Per comatibilità col codice scritto quando non era a livello globale, mi scoccia sostituire
+        let dateAxis = this.dateAxis;
         if (settings.XAxisTitle) {
             dateAxis.title.text = settings.XAxisTitle;
             dateAxis.title.fontWeight = "bold";
@@ -1319,6 +1353,10 @@ class LineChartService {
         return this;
     }
     /** @ignore */
+    setSelection(from, to) {
+        this.dateAxis.zoomToDates(from, to, true, true);
+    }
+    /** @ignore */
     refreshData(data) {
         let dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
         if (this.singleDataSet) {
@@ -1509,6 +1547,9 @@ class PieChartService {
         return this;
     }
     /** @ignore */
+    setSelection(from, to) {
+    }
+    /** @ignore */
     refreshData(data) {
         //TODO:IMPL
     }
@@ -1617,6 +1658,9 @@ class VerticalChartService {
         return this;
     }
     /** @ignore */
+    setSelection(from, to) {
+    }
+    /** @ignore */
     refreshData(data) {
         //TODO:IMPL
     }
@@ -1728,6 +1772,9 @@ class Vertical2DChartService {
         return this;
     }
     /** @ignore */
+    setSelection(from, to) {
+    }
+    /** @ignore */
     refreshData(data) {
         //TODO:IMPL
     }
@@ -1882,6 +1929,9 @@ class VerticalStackedChartService {
         return this;
     }
     /** @ignore */
+    setSelection(from, to) {
+    }
+    /** @ignore */
     refreshData(data) {
         //TODO:IMPL
     }
@@ -1993,6 +2043,9 @@ class AreaChartService {
         return this;
     }
     /** @ignore */
+    setSelection(from, to) {
+    }
+    /** @ignore */
     refreshData(data) {
         //TODO:IMPL
     }