@esfaenza/es-charts 11.2.14 → 11.2.18

package/fesm2015/esfaenza-es-charts.js

@@ -60,10 +60,9 @@ class LineChartData {
      * @param {LineSerie[]} series Lista di serie da graficare
      * @param {{upper: lower}}
      */
-    constructor(series = [], limit, limitColors) {
+    constructor(series = [], limit) {
         this.series = series;
         this.limit = limit;
-        this.limitColors = limitColors;
     }
 }
 
@@ -220,9 +219,13 @@ class LegendPad {
  */
 class Limit {
     /** @ignore */
-    constructor(upper, lower) {
+    constructor(upper, upperLabel, upperColor, lower, lowerLabel, lowerColor) {
         this.upper = upper;
+        this.upperLabel = upperLabel;
+        this.upperColor = upperColor;
         this.lower = lower;
+        this.lowerLabel = lowerLabel;
+        this.lowerColor = lowerColor;
     }
 }
 
@@ -702,6 +705,11 @@ class BaseChartComponent {
          * Evento lanciato al termine del caricamento di una nuova pagina del grafico
          */
         this.onLoadEnd = new 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 EventEmitter();
         /**
          * Serve a decidere se sarà presente l'interfaccia di paginazione
          */
@@ -790,7 +798,7 @@ class BaseChartComponent {
                 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(() => this.initDone = true);
+                return this.Charter.applyLocale(this.Chart, this.Locale).then(() => { this.initDone = true; this.chartLoaded.emit(this.Chart); });
             })
         ]);
     }
@@ -952,7 +960,8 @@ BaseChartComponent.propDecorators = {
     onSelectionChanged: [{ type: Output }],
     onSeriesClicked: [{ type: Output }],
     onLoadStart: [{ type: Output }],
-    onLoadEnd: [{ type: Output }]
+    onLoadEnd: [{ type: Output }],
+    chartLoaded: [{ type: Output }]
 };
 
 /**
@@ -976,7 +985,7 @@ class LineChartService {
      * Metodo che data una coppia Dati - Impostazioni li utilizza per creare e visualizzare un LineChart
      */
     graphicate(data, settings) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         let dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
         let threshold = (_a = settings.DataGroupingThreshold) !== null && _a !== void 0 ? _a : 3000;
         let singleDataSet = (_b = settings.MergeDatasets) !== null && _b !== void 0 ? _b : false;
@@ -1004,14 +1013,24 @@ class LineChartService {
             if (dataConverted.limit.upper != null && dataConverted.limit.upper != undefined) {
                 let range = yAxis.axisRanges.create();
                 range.value = dataConverted.limit.upper;
-                range.grid.stroke = am4core.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.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.grid.stroke = am4core.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.color(dataConverted.limit.lowerColor || "#F92200");
+                range.grid.stroke = am4core.color(dataConverted.limit.lowerColor || "#F92200");
                 range.grid.strokeWidth = 2;
                 range.grid.strokeOpacity = 1;
             }
@@ -1029,11 +1048,11 @@ class LineChartService {
             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) {
@@ -1172,17 +1191,17 @@ class LineChartService {
         });
         if (settings.Legend) {
             this.ChartInstance.legend = new am4charts.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", (event) => { this.processOver(event.target.dataItem.dataContext); });
             this.ChartInstance.legend.itemContainers.template.events.on("out", () => { this.processOut(); });
             if (settings.LegendPadding) {
                 let 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.XYCursor();