@esfaenza/es-charts 20.3.22 → 20.3.24

package/fesm2022/esfaenza-es-charts.mjs

@@ -813,11 +813,21 @@ class BaseChartComponent {
         // La deregistrazione va fatta SEMPRE, anche quando il grafico non è mai stato creato: se il componente muore mentre la sua
         // inizializzazione è ancora in coda, senza questa chiamata il nome resterebbe occupato e non sarebbe più riutilizzabile
         this.browserOnly(() => {
-            if (this.Chart && !this.Chart.isDisposed())
-                this.Chart.dispose();
+            this.disposeChart();
             this.Dispatcher.deregisterGraph(this.name);
         });
     }
+    /**
+     * Scarica il grafico corrente insieme alla sua Root di amCharts
+     *
+     * Scaricare solo il grafico non basta: la Root resterebbe registrata sul div e la graficazione successiva sullo stesso div
+     * fallirebbe con "You cannot have multiple Roots on the same DOM node", lasciando una Root costruita a metà e senza DOM il cui
+     * ticker va in errore su getComputedStyle a ogni frame. La Root scarica con sé il grafico e tutto il resto del suo contenuto
+     */
+    disposeChart() {
+        if (this.Chart && !this.Chart.root.isDisposed())
+            this.Chart.root.dispose();
+    }
     /**
      * Registra il grafico attuale nel Dispatcher in modo che venga caricato appena possibile
      */
@@ -844,9 +854,9 @@ class BaseChartComponent {
                 this.log("Chart " + this.name + ": Graphicating after modules load");
                 // Un'eventuale graficazione precedente annullata a metà può aver lasciato un grafico attivo sullo stesso contenitore:
                 // va scaricato prima di crearne uno nuovo, altrimenti resterebbero due istanze amCharts sullo stesso div
-                if (this.Chart && !this.Chart.isDisposed()) {
+                if (this.Chart && !this.Chart.root.isDisposed()) {
                     this.log("Chart " + this.name + ": Disposing leftover chart instance before regraphicating");
-                    this.Chart.dispose();
+                    this.disposeChart();
                 }
                 var castedSettings = this.getCastedSettings();
                 this.fillSettings(castedSettings);
@@ -950,8 +960,7 @@ class BaseChartComponent {
         // Il dispose dev'essere null-safe: si può arrivare qui anche prima che il grafico sia stato creato (ad esempio cambiando
         // pagina su un grafico paginato mentre la prima graficazione è ancora in corso)
         this.browserOnly(() => {
-            if (this.Chart && !this.Chart.isDisposed())
-                this.Chart.dispose();
+            this.disposeChart();
             this.Dispatcher.deregisterGraph(this.name);
         });
         this.Dispatcher.register(this.name, () => { return this.loadChart(); });