@esfaenza/es-charts 11.2.17 → 11.2.21

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@esfaenza/extensions'), require('@angular/common'), require('@amcharts/amcharts4/core'), require('@amcharts/amcharts4/charts')) :
-    typeof define === 'function' && define.amd ? define('@esfaenza/es-charts', ['exports', '@angular/core', '@esfaenza/extensions', '@angular/common', '@amcharts/amcharts4/core', '@amcharts/amcharts4/charts'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['es-charts'] = {}), global.ng.core, global.extensions, global.ng.common, global.am4core, global.am4charts));
-}(this, (function (exports, core, extensions, common, am4core, am4charts) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@amcharts/amcharts4/core'), require('@esfaenza/extensions'), require('@amcharts/amcharts4/charts')) :
+    typeof define === 'function' && define.amd ? define('@esfaenza/es-charts', ['exports', '@angular/core', '@angular/common', '@amcharts/amcharts4/core', '@esfaenza/extensions', '@amcharts/amcharts4/charts'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['es-charts'] = {}), global.ng.core, global.ng.common, global.am4core, global.extensions, global.am4charts));
+}(this, (function (exports, core, common, am4core, extensions, am4charts) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -1173,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
              */
@@ -1264,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); });
                 })
             ]);
         };
@@ -1366,6 +1371,13 @@
             });
             this.Dispatcher.register(this.name, function () { return _this.loadChart(); });
         };
+        /**
+         * Permette di aggiungere un blocco di dati in maniera "live" ad un grafico
+         */
+        BaseChartComponent.prototype.addData = function (chartData) {
+            this.ChartService.refreshData(chartData);
+        };
+        ;
         /**
          * Funzione che si occupa di caricare i temi necessari per il grafico in oggetto. Prima applica il tema, poi, se serve, applica le animazioni
          */
@@ -1434,7 +1446,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 }]
     };
 
     /**
@@ -1449,6 +1462,8 @@
             this.DataGroupBucketSize = 1500;
             /** @ignore */
             this.OpacityOnSelected = 0.3;
+            /** @ignore */
+            this.singleDataSet = false;
             //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
             //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
             /** @ignore */
@@ -1462,7 +1477,7 @@
             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;
+            this.singleDataSet = (_b = settings.MergeDatasets) !== null && _b !== void 0 ? _b : false;
             var showTicks = settings.ShowTicks == null ? true : settings === null || settings === void 0 ? void 0 : settings.ShowTicks;
             var dataShouldBeGrouped = Math.max.apply(Math, __spread(dataConverted.series.map(function (t) { return t.values.length; }))) > threshold;
             var showTimeline = settings.Timeline || dataShouldBeGrouped;
@@ -1541,31 +1556,9 @@
             var seriesColors = [];
             var defaultIndex = 0;
             //-- Generazione di un unico dataset invece che N, per poter gestire un unico tooltip
-            if (singleDataSet) {
-                var dto_1 = {};
-                dataConverted.series.forEach(function (vs, index) {
-                    for (var i = 0; i < vs.values.length; i++) {
-                        var dataitem = vs.values[i];
-                        var indexer = new Date(dataitem.d).valueOf();
-                        if (!dto_1[indexer])
-                            dto_1[indexer] = {};
-                        dto_1[indexer]['v' + index] = dataitem.v;
-                    }
-                });
-                var dates = Object.keys(dto_1);
-                var singleDS = [];
-                for (var i = 0; i < dates.length; i++) {
-                    var values = dto_1[dates[i]];
-                    var item = { d: new Date(parseInt(dates[i])) };
-                    var vals = Object.keys(values);
-                    for (var ii = 0; ii < vals.length; ii++) {
-                        var series = vals[ii];
-                        var singleVal = values[series];
-                        item[series] = singleVal;
-                    }
-                    singleDS.push(item);
-                }
-                this.ChartInstance.data = singleDS;
+            if (this.singleDataSet) {
+                this.ChartInstance.data = this.generateSingleDataset(dataConverted);
+                ;
                 dateAxis.cursorTooltipEnabled = false;
             }
             //-- Fine generazione
@@ -1589,14 +1582,14 @@
                     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.valueY = "v" + (_this.singleDataSet ? index : "");
                 series.dataFields.dateX = "d";
                 series.dataFields.measureUnit = s.uom;
                 series.name = s.name;
                 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}[/]";
+                series.tooltipText = _this.singleDataSet ? "" : s.name ? "{name}: [bold]{valueY}[/]" : "[bold]{valueY}[/]";
                 series.tooltip.pointerOrientation = "vertical";
                 series.tooltip.background.fillOpacity = 0.5;
                 series.tooltip.label.padding(12, 12, 12, 12);
@@ -1604,7 +1597,7 @@
                 series.stacked = fill;
                 //Dataset singolo, i dati sono registrati a livello di chart, creo il tooltip che permette di vederli tutti insieme
                 //altrimenti assegno i dati della serie direttamente alla serie
-                if (singleDataSet) {
+                if (_this.singleDataSet) {
                     series.tooltip.getFillFromObject = false;
                     series.tooltip.background.fill = am4core__namespace.color("#eee");
                     series.tooltip.label.fill = am4core__namespace.color("#00");
@@ -1635,7 +1628,7 @@
                         var text = "[bold]{dateX.formatDate()}[/]\n";
                         _this.ChartInstance.series.each(function (item) {
                             var uom = " [font-style: italic]" + series.dataFields.measureUnit || "" + "[/]";
-                            text += "[" + item.stroke.hex + "]●[/] " + item.name + ": [bold]{" + item.dataFields.valueY + "}[/]" + uom + "\n";
+                            text += "[" + item.stroke.hex + "]●[/] " + (item.name ? (item.name + ": ") : "") + "[bold]{" + item.dataFields.valueY + "}[/]" + uom + "\n";
                         });
                         return text;
                     });
@@ -1694,7 +1687,7 @@
             //******************************************************************************************************************************
             this.ChartInstance.cursor.xAxis = dateAxis;
             this.ChartInstance.cursor.yAxis = yAxis;
-            if (singleDataSet)
+            if (this.singleDataSet)
                 this.ChartInstance.cursor.maxTooltipDistance = -1;
             //TODO: Cercare di capire perché è figlio di puttana......
             dateAxis.events.on("startchanged", function (t) { return _this.emitSelectionChanged(t, settings); });
@@ -1703,7 +1696,59 @@
         };
         /** @ignore */
         LineChartService.prototype.refreshData = function (data) {
-            //TODO:IMPL
+            var dataConverted = this.Adapter ? this.Adapter.adaptDataForLineChart(data) : data;
+            if (this.singleDataSet) {
+                var data = this.generateSingleDataset(dataConverted);
+                this.ChartInstance.addData(data);
+                return;
+            }
+            this.ChartInstance.series.each(function (s) {
+                var relativeSerie = dataConverted.series.find(function (t) { return t.name == s.name; });
+                // Una serie del grafico è stata ggiornata, ordino i datapoint e li aggiungo
+                var correctOrder = true;
+                var prevDate = null;
+                for (var v = 0; v < relativeSerie.values.length; v++) {
+                    if (!prevDate)
+                        prevDate = relativeSerie.values[v].d;
+                    else if (relativeSerie.values[v].d < prevDate) {
+                        correctOrder = false;
+                        break;
+                    }
+                }
+                if (!correctOrder)
+                    relativeSerie.values.sort(function (d1, d2) { return d1.d.getTime() - d2.d.getTime(); });
+                for (var v = 0; v < relativeSerie.values.length; v++) {
+                    var obj = relativeSerie.values[v];
+                    s.addData({ date: obj.d, value: obj.v });
+                }
+            });
+        };
+        /** Partendo da dati divisi per seriue genera un dataset unito con la data come chiave e i vari valori dopo */
+        LineChartService.prototype.generateSingleDataset = function (data) {
+            var dto = {};
+            data.series.forEach(function (vs, index) {
+                for (var i = 0; i < vs.values.length; i++) {
+                    var dataitem = vs.values[i];
+                    var indexer = new Date(dataitem.d).valueOf();
+                    if (!dto[indexer])
+                        dto[indexer] = {};
+                    dto[indexer]['v' + index] = dataitem.v;
+                }
+            });
+            var dates = Object.keys(dto);
+            var ret = [];
+            for (var i = 0; i < dates.length; i++) {
+                var values = dto[dates[i]];
+                var item = { d: new Date(parseInt(dates[i])) };
+                var vals = Object.keys(values);
+                for (var ii = 0; ii < vals.length; ii++) {
+                    var series = vals[ii];
+                    var singleVal = values[series];
+                    item[series] = singleVal;
+                }
+                ret.push(item);
+            }
+            return ret;
         };
         /** @ignore */
         LineChartService.prototype.emitSelectionChanged = function (ev, settings) {
@@ -3162,6 +3207,7 @@
     exports.AreaChartData = AreaChartData;
     exports.AreaChartSettings = AreaChartSettings;
     exports.BaseAdapter = BaseAdapter;
+    exports.BaseChartComponent = BaseChartComponent;
     exports.BaseInterval = BaseInterval;
     exports.BaseSettings = BaseSettings;
     exports.ChartThemes = ChartThemes;
@@ -3191,22 +3237,21 @@
     exports.VerticalStackedChartData = VerticalStackedChartData;
     exports.VerticalStackedChartSettings = VerticalStackedChartSettings;
     exports.ɵa = BaseInterval;
-    exports.ɵb = BaseChartComponent;
-    exports.ɵc = ChartLoader;
-    exports.ɵd = ChartDispatcher;
-    exports.ɵe = ESC_LOCALE;
-    exports.ɵf = ESC_ANIMATIONS;
-    exports.ɵg = ESC_THEME;
-    exports.ɵh = ESC_LOGS;
-    exports.ɵi = BaseAdapter;
-    exports.ɵj = EsChartComponent;
-    exports.ɵk = EsLineChartComponent;
-    exports.ɵl = EsPieChartComponent;
-    exports.ɵm = EsVertical2DChartComponent;
-    exports.ɵn = EsVerticalChartComponent;
-    exports.ɵo = EsVerticalStackedChartComponent;
-    exports.ɵp = PageChartSelector;
-    exports.ɵq = EsAreaChartComponent;
+    exports.ɵb = ChartLoader;
+    exports.ɵc = ChartDispatcher;
+    exports.ɵd = ESC_LOCALE;
+    exports.ɵe = ESC_ANIMATIONS;
+    exports.ɵf = ESC_THEME;
+    exports.ɵg = ESC_LOGS;
+    exports.ɵh = BaseAdapter;
+    exports.ɵi = EsChartComponent;
+    exports.ɵj = EsLineChartComponent;
+    exports.ɵk = EsPieChartComponent;
+    exports.ɵl = EsVertical2DChartComponent;
+    exports.ɵm = EsVerticalChartComponent;
+    exports.ɵn = EsVerticalStackedChartComponent;
+    exports.ɵo = PageChartSelector;
+    exports.ɵp = EsAreaChartComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });