@esfaenza/es-charts 11.2.14 → 11.2.18

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

@@ -86,11 +86,10 @@
          * @param {LineSerie[]} series Lista di serie da graficare
          * @param {{upper: lower}}
          */
-        function LineChartData(series, limit, limitColors) {
+        function LineChartData(series, limit) {
             if (series === void 0) { series = []; }
             this.series = series;
             this.limit = limit;
-            this.limitColors = limitColors;
         }
         return LineChartData;
     }());
@@ -601,9 +600,13 @@
      */
     var Limit = /** @class */ (function () {
         /** @ignore */
-        function Limit(upper, lower) {
+        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;
     }());
@@ -1170,6 +1173,11 @@
              * Evento lanciato al termine del caricamento di una nuova pagina del grafico
              */
             this.onLoadEnd = new core.EventEmitter();
+            /**
+            * Evento lanciato al termine della creazione del grafico referenziando l'istanza nativa del grafico creato in modo da poter effettuare modifiche
+            * post inizializzazione lato applicativo
+            */
+            this.chartLoaded = new core.EventEmitter();
             /**
              * Serve a decidere se sarà presente l'interfaccia di paginazione
              */
@@ -1261,7 +1269,7 @@
                     _this.Chart = _this.ChartService.ChartInstance;
                     if (!_this.Chart)
                         _this.log("Chart " + _this.name + ": Could not create graph");
-                    return _this.Charter.applyLocale(_this.Chart, _this.Locale).then(function () { return _this.initDone = true; });
+                    return _this.Charter.applyLocale(_this.Chart, _this.Locale).then(function () { _this.initDone = true; _this.chartLoaded.emit(_this.Chart); });
                 })
             ]);
         };
@@ -1431,7 +1439,8 @@
         onSelectionChanged: [{ type: core.Output }],
         onSeriesClicked: [{ type: core.Output }],
         onLoadStart: [{ type: core.Output }],
-        onLoadEnd: [{ type: core.Output }]
+        onLoadEnd: [{ type: core.Output }],
+        chartLoaded: [{ type: core.Output }]
     };
 
     /**
@@ -1456,7 +1465,7 @@
          */
         LineChartService.prototype.graphicate = function (data, settings) {
             var _this = this;
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            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;
@@ -1484,14 +1493,24 @@
                 if (dataConverted.limit.upper != null && dataConverted.limit.upper != undefined) {
                     var range = yAxis.axisRanges.create();
                     range.value = dataConverted.limit.upper;
-                    range.grid.stroke = am4core__namespace.color(((_d = dataConverted === null || dataConverted === void 0 ? void 0 : dataConverted.limitColors) === null || _d === void 0 ? void 0 : _d.upper) || "#F92200");
+                    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.grid.stroke = am4core__namespace.color(((_e = dataConverted === null || dataConverted === void 0 ? void 0 : dataConverted.limitColors) === null || _e === void 0 ? void 0 : _e.lower) || "#F92200");
+                    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;
                 }
@@ -1509,11 +1528,11 @@
                 dateAxis.renderer.ticks.template.length = 10;
                 dateAxis.renderer.ticks.template.location = 0;
             }
-            dateAxis.renderer.minGridDistance = (_f = settings === null || settings === void 0 ? void 0 : settings.MinGridDistance) !== null && _f !== void 0 ? _f : 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 = (_g = settings.DataGroupBucketSize) !== null && _g !== void 0 ? _g : 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) {
@@ -1652,17 +1671,17 @@
             });
             if (settings.Legend) {
                 this.ChartInstance.legend = new am4charts__namespace.Legend();
-                this.ChartInstance.legend.position = (_h = settings === null || settings === void 0 ? void 0 : settings.LegendPosition) !== null && _h !== void 0 ? _h : '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); });
                 this.ChartInstance.legend.itemContainers.template.events.on("out", function () { _this.processOut(); });
                 if (settings.LegendPadding) {
                     var template = this.ChartInstance.legend.itemContainers.template;
-                    template.paddingTop = (_j = settings.LegendPadding.top) !== null && _j !== void 0 ? _j : 0;
-                    template.paddingBottom = (_k = settings.LegendPadding.bottom) !== null && _k !== void 0 ? _k : 0;
-                    template.paddingLeft = (_l = settings.LegendPadding.left) !== null && _l !== void 0 ? _l : 0;
-                    template.paddingRight = (_m = settings.LegendPadding.right) !== null && _m !== void 0 ? _m : 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();