@esfaenza/es-charts 12.2.9 → 12.2.13

package/bundles/esfaenza-es-charts.umd.js

@@ -82,10 +82,12 @@
          * Costruttore
          *
          * @param {LineSerie[]} series Lista di serie da graficare
+         * @param {{upper: lower}}
          */
-        function LineChartData(series) {
+        function LineChartData(series, limit) {
             if (series === void 0) { series = []; }
             this.series = series;
+            this.limit = limit;
         }
         return LineChartData;
     }());
@@ -591,6 +593,22 @@
         return LegendPad;
     }());
 
+    /**
+     * Modello che identifica un limite superiore - inferiore
+     */
+    var Limit = /** @class */ (function () {
+        /** @ignore */
+        function Limit(upper, upperLabel, upperColor, lower, lowerLabel, lowerColor) {
+            this.upper = upper;
+            this.upperLabel = upperLabel;
+            this.upperColor = upperColor;
+            this.lower = lower;
+            this.lowerLabel = lowerLabel;
+            this.lowerColor = lowerColor;
+        }
+        return Limit;
+    }());
+
     /**
      * Modello che identifica la coppia Data-Valore
      */
@@ -638,15 +656,17 @@
          * @param {string} name Nome della serie
          * @param {DateValue[]} values Valori della serie
          * @param {BaseInterval} interval Intervallo della serie. Viene utilizzato per gestire Gap e date in Istante Finale
-         * @param {string} color Colore della serie, verrà usato sia per la lineaa base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
+         * @param {string} color Colore della serie, verrà usato sia per la linea base che eventualmente per il riempimento (in caso si utilizzi l'Input **Fill** nel grafico)
          * @param {string} uom Unità di misura da presentare nell'asse delle Y
+         * @param {boolean} fill Override della proprietà **Fill** del grafico, specifico per ogni serie
          */
-        function LineSerie(name, values, interval, color, uom) {
+        function LineSerie(name, values, interval, color, uom, fill) {
             this.name = name;
             this.values = values;
             this.interval = interval;
             this.color = color;
             this.uom = uom;
+            this.fill = fill;
         }
         return LineSerie;
     }());
@@ -1437,7 +1457,7 @@
          */
         LineChartService.prototype.graphicate = function (data, settings) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             var dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
             var threshold = (_a = settings.DataGroupingThreshold) !== null && _a !== void 0 ? _a : 3000;
             var singleDataSet = (_b = settings.MergeDatasets) !== null && _b !== void 0 ? _b : false;
@@ -1448,7 +1468,6 @@
             var interval = seriesWithInterval ? dataConverted.series.find(function (t) { return t.interval; }).interval : null;
             var gapsAllowed = (settings === null || settings === void 0 ? void 0 : settings.AllowGaps) == null ? seriesWithInterval : settings === null || settings === void 0 ? void 0 : settings.AllowGaps;
             var finalInstant = (_c = settings === null || settings === void 0 ? void 0 : settings.FinalInstants) !== null && _c !== void 0 ? _c : true;
-            var fill = (_d = settings === null || settings === void 0 ? void 0 : settings.Fill) !== null && _d !== void 0 ? _d : false;
             //Per evitare di dimenticarmeli e gestire comunque bene gli ngif ecc...
             am4core__namespace.options.autoDispose = true;
             this.ChartInstance = am4core__namespace.create(settings.Name, am4charts__namespace.XYChart);
@@ -1462,6 +1481,32 @@
                 yAxis.min = settings.Min;
             if (settings.Max)
                 yAxis.max = settings.Max;
+            if (dataConverted.limit) {
+                if (dataConverted.limit.upper != null && dataConverted.limit.upper != undefined) {
+                    var 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__namespace.color(dataConverted.limit.upperColor || "#F92200");
+                    range.grid.stroke = am4core__namespace.color(dataConverted.limit.upperColor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
+                if (dataConverted.limit.lower != null && dataConverted.limit.lower != undefined) {
+                    var 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__namespace.color(dataConverted.limit.lowerColor || "#F92200");
+                    range.grid.stroke = am4core__namespace.color(dataConverted.limit.lowerColor || "#F92200");
+                    range.grid.strokeWidth = 2;
+                    range.grid.strokeOpacity = 1;
+                }
+            }
             var dateAxis = ChartInstanceCasted.xAxes.push(new am4charts__namespace.DateAxis());
             if (settings.XAxisTitle) {
                 dateAxis.title.text = settings.XAxisTitle;
@@ -1475,11 +1520,11 @@
                 dateAxis.renderer.ticks.template.length = 10;
                 dateAxis.renderer.ticks.template.location = 0;
             }
-            dateAxis.renderer.minGridDistance = (_e = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _e !== void 0 ? _e : 50;
+            dateAxis.renderer.minGridDistance = (_d = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _d !== void 0 ? _d : 50;
             dateAxis.renderer.grid.template.location = 0;
             dateAxis.minZoomCount = 5;
             dateAxis.groupData = dataShouldBeGrouped;
-            dateAxis.groupCount = (_f = settings.DataGroupBucketSize) !== null && _f !== void 0 ? _f : this.DataGroupBucketSize;
+            dateAxis.groupCount = (_e = settings.DataGroupBucketSize) !== null && _e !== void 0 ? _e : this.DataGroupBucketSize;
             //Se ho almeno una serie ad intervallo e i settings non mi impediscono esplicitamente di usare i gaps, visualizzo i dati col gap
             if (gapsAllowed) {
                 if (!seriesWithInterval) {
@@ -1523,7 +1568,7 @@
             }
             //-- Fine generazione
             dataConverted.series.forEach(function (s, index) {
-                var _a, _b;
+                var _a, _b, _c;
                 if (s.values[0] && !(s.values[0].d instanceof Date)) {
                     for (var v = 0; v < s.values.length; v++)
                         s.values[v].d = new Date(s.values[v].d);
@@ -1540,12 +1585,13 @@
                 }
                 if (!correctOrder)
                     s.values.sort(function (d1, d2) { return d1.d.getTime() - d2.d.getTime(); });
+                var fill = s.fill != null && s.fill != undefined ? s.fill : ((_a = settings === null || settings === void 0 ? void 0 : settings.Fill) !== null && _a !== void 0 ? _a : false);
                 var series = (settings === null || settings === void 0 ? void 0 : settings.Step) ? new am4charts__namespace.StepLineSeries() : new am4charts__namespace.LineSeries();
                 series.dataFields.valueY = "v" + (singleDataSet ? index : "");
                 series.dataFields.dateX = "d";
                 series.dataFields.measureUnit = s.uom;
                 series.name = s.name;
-                series.strokeWidth = (_a = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _a !== void 0 ? _a : 1;
+                series.strokeWidth = (_b = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _b !== void 0 ? _b : 1;
                 series.connect = !gapsAllowed;
                 series.minBulletDistance = 10;
                 series.tooltipText = singleDataSet ? "" : "{name}: [bold]{valueY}[/]";
@@ -1596,7 +1642,7 @@
                     series.data = s.values;
                 var segment = series.segments.template;
                 var hoverState = segment.states.create("hover");
-                hoverState.properties.strokeWidth = ((_b = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _b !== void 0 ? _b : 1) + 1;
+                hoverState.properties.strokeWidth = ((_c = settings === null || settings === void 0 ? void 0 : settings.StrokeSize) !== null && _c !== void 0 ? _c : 1) + 1;
                 var dimmed = segment.states.create("dimmed");
                 dimmed.properties.stroke = am4core__namespace.color("#dadada");
                 //Se la serie ha un colore, uso quello, altrimenti pesco dai colori di default andando in ordine
@@ -1617,17 +1663,17 @@
             });
             if (settings.Legend) {
                 this.ChartInstance.legend = new am4charts__namespace.Legend();
-                this.ChartInstance.legend.position = (_g = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _g !== void 0 ? _g : 'right';
+                this.ChartInstance.legend.position = (_f = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _f !== void 0 ? _f : 'right';
                 this.ChartInstance.legend.scrollable = true;
                 this.ChartInstance.legend.itemContainers.template.tooltipText = "{name}";
-                this.ChartInstance.legend.itemContainers.template.events.on("over", function (event) { _this.processOver(event.target.dataItem.dataContext, fill); });
-                this.ChartInstance.legend.itemContainers.template.events.on("out", function (event) { _this.processOut(fill); });
+                this.ChartInstance.legend.itemContainers.template.events.on("over", function (event) { _this.processOver(event.target.dataItem.dataContext); });
+                this.ChartInstance.legend.itemContainers.template.events.on("out", function () { _this.processOut(); });
                 if (settings.LegendPadding) {
                     var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_h = settings.LegendPadding.top) !== null && _h !== void 0 ? _h : 0;
-                    template.paddingBottom = (_j = settings.LegendPadding.bottom) !== null && _j !== void 0 ? _j : 0;
-                    template.paddingLeft = (_k = settings.LegendPadding.left) !== null && _k !== void 0 ? _k : 0;
-                    template.paddingRight = (_l = settings.LegendPadding.right) !== null && _l !== void 0 ? _l : 0;
+                    template.paddingTop = (_g = settings.LegendPadding.top) !== null && _g !== void 0 ? _g : 0;
+                    template.paddingBottom = (_h = settings.LegendPadding.bottom) !== null && _h !== void 0 ? _h : 0;
+                    template.paddingLeft = (_j = settings.LegendPadding.left) !== null && _j !== void 0 ? _j : 0;
+                    template.paddingRight = (_k = settings.LegendPadding.right) !== null && _k !== void 0 ? _k : 0;
                 }
             }
             this.ChartInstance.cursor = new am4charts__namespace.XYCursor();
@@ -1670,9 +1716,10 @@
             }
         };
         /** @ignore */
-        LineChartService.prototype.processOver = function (hoveredSeries, fill) {
+        LineChartService.prototype.processOver = function (hoveredSeries) {
             var _this = this;
             hoveredSeries.toFront();
+            var fill = hoveredSeries.stacked;
             hoveredSeries.segments.each(function (segment) {
                 segment.setState("hover");
                 if (!fill)
@@ -1681,17 +1728,20 @@
             if (!fill)
                 hoveredSeries.legendDataItem.marker.children.getIndex(1).fillOpacity = this.OpacityOnSelected;
             this.ChartInstance.series.each(function (series) {
-                if (series != hoveredSeries)
+                if (series != hoveredSeries) {
+                    var fill_1 = series.stacked;
                     series.segments.each(function (segment) {
                         segment.setState("dimmed");
-                        if (!fill)
+                        if (!fill_1)
                             segment.fillSprite.fillOpacity = 0;
                     });
+                }
             });
         };
         /** @ignore */
-        LineChartService.prototype.processOut = function (fill) {
+        LineChartService.prototype.processOut = function () {
             this.ChartInstance.series.each(function (series) {
+                var fill = series.stacked;
                 series.segments.each(function (segment) {
                     segment.setState("default");
                     if (!fill)
@@ -3125,6 +3175,7 @@
     exports.KeyValue = KeyValue;
     exports.KeyValueColor = KeyValueColor;
     exports.LegendPad = LegendPad;
+    exports.Limit = Limit;
     exports.LineChartData = LineChartData;
     exports.LineChartSettings = LineChartSettings;
     exports.LineSerie = LineSerie;