@esfaenza/es-charts 12.2.8 → 12.2.12

package/fesm2015/esfaenza-es-charts.js

@@ -58,9 +58,11 @@ class LineChartData {
      * Costruttore
      *
      * @param {LineSerie[]} series Lista di serie da graficare
+     * @param {{upper: lower}}
      */
-    constructor(series = []) {
+    constructor(series = [], limit) {
         this.series = series;
+        this.limit = limit;
     }
 }
 
@@ -212,6 +214,21 @@ class BaseInterval {
 class LegendPad {
 }
 
+/**
+ * Modello che identifica un limite superiore - inferiore
+ */
+class Limit {
+    /** @ignore */
+    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;
+    }
+}
+
 /**
  * Modello che identifica la coppia Data-Valore
  */
@@ -256,15 +273,17 @@ class LineSerie {
      * @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
      */
-    constructor(name, values, interval, color, uom) {
+    constructor(name, values, interval, color, uom, fill) {
         this.name = name;
         this.values = values;
         this.interval = interval;
         this.color = color;
         this.uom = uom;
+        this.fill = fill;
     }
 }
 
@@ -283,7 +302,7 @@ const ESC_THEME = new InjectionToken('ESC_THEME');
 /**
  * Token che identifica l'utilizzo o meno del sistema di Log per l'intera libreria
  */
-const ESC_LOGS = new InjectionToken('ESC_LOG');
+const ESC_LOGS = new InjectionToken('ESC_LOGS');
 
 /**
  * Classe che si occupa del dispatch delle operazioni di rendering dei grafici utilizzando una coda per permettere ad ogni grafico di avere temi e localizzazione custom
@@ -630,13 +649,7 @@ class ChartLoader {
         if (this.logs)
             console.log("@esfaenza/es-charts: " + text);
     }
-}
-ChartLoader.decorators = [
-    { type: Injectable }
-];
-ChartLoader.ctorParameters = () => [
-    { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] }
-];
+}
 
 /**
  * Componente Grafico Base che gestisce tutte le cose comuni dei vari grafici istanziabili, come la presenza o menu di una legenda,
@@ -966,7 +979,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;
+        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;
@@ -977,7 +990,6 @@ class LineChartService {
         let interval = seriesWithInterval ? dataConverted.series.find(t => t.interval).interval : null;
         let gapsAllowed = (settings === null || settings === void 0 ? void 0 : settings.AllowGaps) == null ? seriesWithInterval : settings === null || settings === void 0 ? void 0 : settings.AllowGaps;
         let finalInstant = (_c = settings === null || settings === void 0 ? void 0 : settings.FinalInstants) !== null && _c !== void 0 ? _c : true;
-        let 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.options.autoDispose = true;
         this.ChartInstance = am4core.create(settings.Name, am4charts.XYChart);
@@ -991,6 +1003,32 @@ 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 dateAxis = ChartInstanceCasted.xAxes.push(new am4charts.DateAxis());
         if (settings.XAxisTitle) {
             dateAxis.title.text = settings.XAxisTitle;
@@ -1004,11 +1042,11 @@ class LineChartService {
             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) {
@@ -1052,7 +1090,7 @@ class LineChartService {
         }
         //-- Fine generazione
         dataConverted.series.forEach((s, index) => {
-            var _a, _b;
+            var _a, _b, _c;
             if (s.values[0] && !(s.values[0].d instanceof Date)) {
                 for (let v = 0; v < s.values.length; v++)
                     s.values[v].d = new Date(s.values[v].d);
@@ -1069,12 +1107,13 @@ class LineChartService {
             }
             if (!correctOrder)
                 s.values.sort((d1, d2) => d1.d.getTime() - d2.d.getTime());
+            let 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);
             let series = (settings === null || settings === void 0 ? void 0 : settings.Step) ? new am4charts.StepLineSeries() : new am4charts.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}[/]";
@@ -1125,7 +1164,7 @@ class LineChartService {
                 series.data = s.values;
             let segment = series.segments.template;
             let 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;
             let dimmed = segment.states.create("dimmed");
             dimmed.properties.stroke = am4core.color("#dadada");
             //Se la serie ha un colore, uso quello, altrimenti pesco dai colori di default andando in ordine
@@ -1146,17 +1185,17 @@ class LineChartService {
         });
         if (settings.Legend) {
             this.ChartInstance.legend = new am4charts.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", (event) => { this.processOver(event.target.dataItem.dataContext, fill); });
-            this.ChartInstance.legend.itemContainers.template.events.on("out", (event) => { this.processOut(fill); });
+            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 = (_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.XYCursor();
@@ -1199,8 +1238,9 @@ class LineChartService {
         }
     }
     /** @ignore */
-    processOver(hoveredSeries, fill) {
+    processOver(hoveredSeries) {
         hoveredSeries.toFront();
+        let fill = hoveredSeries.stacked;
         hoveredSeries.segments.each((segment) => {
             segment.setState("hover");
             if (!fill)
@@ -1209,17 +1249,20 @@ class LineChartService {
         if (!fill)
             hoveredSeries.legendDataItem.marker.children.getIndex(1).fillOpacity = this.OpacityOnSelected;
         this.ChartInstance.series.each((series) => {
-            if (series != hoveredSeries)
+            if (series != hoveredSeries) {
+                let fill = series.stacked;
                 series.segments.each((segment) => {
                     segment.setState("dimmed");
                     if (!fill)
                         segment.fillSprite.fillOpacity = 0;
                 });
+            }
         });
     }
     /** @ignore */
-    processOut(fill) {
+    processOut() {
         this.ChartInstance.series.each((series) => {
+            let fill = series.stacked;
             series.segments.each((segment) => {
                 segment.setState("default");
                 if (!fill)
@@ -1978,10 +2021,9 @@ class EsAreaChartComponent extends BaseChartComponent {
     /**
      * @ignore
      */
-    constructor(el, ChartLoader, ChartDispatcher, adapter, dateService, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
+    constructor(el, ChartLoader, ChartDispatcher, adapter, zone, platformId, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME) {
         super(el, platformId, zone, ChartLoader, ChartDispatcher, ESC_LOGS, ESC_ANIMATIONS, ESC_LOCALE, ESC_THEME);
         this.adapter = adapter;
-        this.dateService = dateService;
     }
     /**
      * Ottiene le proprietà specifiche per questa tipologia di grafico per cui serve rigraficare
@@ -2028,7 +2070,6 @@ EsAreaChartComponent.ctorParameters = () => [
     { type: ChartLoader },
     { type: ChartDispatcher },
     { type: BaseAdapter },
-    { type: DateService },
     { type: NgZone },
     { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
     { type: Boolean, decorators: [{ type: Inject, args: [ESC_LOGS,] }] },
@@ -2572,7 +2613,9 @@ class EsChartsModule {
                 { provide: ESC_ANIMATIONS, useValue: (config === null || config === void 0 ? void 0 : config.animations) == null ? true : config === null || config === void 0 ? void 0 : config.animations },
                 { provide: ESC_THEME, useValue: (config === null || config === void 0 ? void 0 : config.theme) || 'spiritedaway' },
                 { provide: ESC_LOGS, useValue: (config === null || config === void 0 ? void 0 : config.debugMode) == null ? false : config === null || config === void 0 ? void 0 : config.debugMode },
-                { provide: BaseAdapter, useClass: (config === null || config === void 0 ? void 0 : config.adapter) || BaseAdapter }
+                { provide: BaseAdapter, useClass: (config === null || config === void 0 ? void 0 : config.adapter) || BaseAdapter },
+                // Singleton cattiva by Ema. Verificare strade migliori
+                { provide: ChartLoader, useValue: new ChartLoader((config === null || config === void 0 ? void 0 : config.debugMode) == null ? false : config === null || config === void 0 ? void 0 : config.debugMode) }
             ]
         };
     }
@@ -2581,7 +2624,7 @@ EsChartsModule.decorators = [
     { type: NgModule, args: [{
                 imports: [CommonModule],
                 declarations: [...COMPONENTS],
-                providers: [ChartLoader, ChartDispatcher],
+                providers: [ChartDispatcher],
                 exports: [...COMPONENTS]
             },] }
 ];
@@ -2594,5 +2637,5 @@ EsChartsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartData, AreaChartSettings, BaseAdapter, BaseInterval, BaseSettings, ChartThemes, DateValue, EsAreaChartComponent, EsChartComponent, EsChartsModule, EsLineChartComponent, EsPieChartComponent, EsVertical2DChartComponent, EsVerticalChartComponent, EsVerticalStackedChartComponent, KeyValue, KeyValueColor, LegendPad, LineChartData, LineChartSettings, LineSerie, PagedChartData, PieChartData, PieChartSettings, Vertical2DChartData, Vertical2DChartSettings, VerticalChartData, VerticalChartSettings, VerticalStackedChartData, VerticalStackedChartSettings, BaseInterval as ɵa, BaseChartComponent as ɵb, ChartLoader as ɵc, ChartDispatcher as ɵd, ESC_LOCALE as ɵe, ESC_ANIMATIONS as ɵf, ESC_THEME as ɵg, ESC_LOGS as ɵh, BaseAdapter as ɵi, EsChartComponent as ɵj, EsLineChartComponent as ɵk, EsPieChartComponent as ɵl, EsVertical2DChartComponent as ɵm, EsVerticalChartComponent as ɵn, EsVerticalStackedChartComponent as ɵo, PageChartSelector as ɵp, EsAreaChartComponent as ɵq };
+export { AreaChartData, AreaChartSettings, BaseAdapter, BaseInterval, BaseSettings, ChartThemes, DateValue, EsAreaChartComponent, EsChartComponent, EsChartsModule, EsLineChartComponent, EsPieChartComponent, EsVertical2DChartComponent, EsVerticalChartComponent, EsVerticalStackedChartComponent, KeyValue, KeyValueColor, LegendPad, Limit, LineChartData, LineChartSettings, LineSerie, PagedChartData, PieChartData, PieChartSettings, Vertical2DChartData, Vertical2DChartSettings, VerticalChartData, VerticalChartSettings, VerticalStackedChartData, VerticalStackedChartSettings, BaseInterval as ɵa, BaseChartComponent as ɵb, ChartLoader as ɵc, ChartDispatcher as ɵd, ESC_LOCALE as ɵe, ESC_ANIMATIONS as ɵf, ESC_THEME as ɵg, ESC_LOGS as ɵh, BaseAdapter as ɵi, EsChartComponent as ɵj, EsLineChartComponent as ɵk, EsPieChartComponent as ɵl, EsVertical2DChartComponent as ɵm, EsVerticalChartComponent as ɵn, EsVerticalStackedChartComponent as ɵo, PageChartSelector as ɵp, EsAreaChartComponent as ɵq };
 //# sourceMappingURL=esfaenza-es-charts.js.map