feat: update echarts theme config

1 files changed, 23 insertions, 19 deletions

diff --git a/src/js/theme.js b/src/js/theme.js
index b7e92d03..416b7092 100644
--- a/src/js/theme.js
+++ b/src/js/theme.js
@@ -493,26 +493,30 @@ class Theme {
     }
 
     initEcharts() {
-        this._echartsOnSwitchTheme = this._echartsOnSwitchTheme || (() => {
-            this._echartsArr = this._echartsArr || [];
-            for (let i = 0; i < this._echartsArr.length; i++) {
-                this._echartsArr[i].dispose();
-            }
-            this._echartsArr = [];
-            this.util.forEach(document.getElementsByClassName('echarts'), $echarts => {
-                const chart = echarts.init($echarts, this.isDark ? 'chalk' : 'macarons', {renderer: 'svg'});
-                chart.setOption(JSON.parse(this.data[$echarts.id]));
-                this._echartsArr.push(chart);
+        if (this.config.echarts) {
+            echarts.registerTheme('light', this.config.echarts.lightTheme);
+            echarts.registerTheme('dark', this.config.echarts.darkTheme);
+            this._echartsOnSwitchTheme = this._echartsOnSwitchTheme || (() => {
+                this._echartsArr = this._echartsArr || [];
+                for (let i = 0; i < this._echartsArr.length; i++) {
+                    this._echartsArr[i].dispose();
+                }
+                this._echartsArr = [];
+                this.util.forEach(document.getElementsByClassName('echarts'), $echarts => {
+                    const chart = echarts.init($echarts, this.isDark ? 'dark' : 'light', {renderer: 'svg'});
+                    chart.setOption(JSON.parse(this.data[$echarts.id]));
+                    this._echartsArr.push(chart);
+                });
             });
-        });
-        this.switchThemeEventSet.add(this._echartsOnSwitchTheme);
-        this._echartsOnSwitchTheme();
-        this._echartsOnResize = this._echartsOnResize || (() => {
-            for (let i = 0; i < this._echartsArr.length; i++) {
-                this._echartsArr[i].resize();
-            }
-        });
-        this.resizeEventSet.add(this._echartsOnResize);
+            this.switchThemeEventSet.add(this._echartsOnSwitchTheme);
+            this._echartsOnSwitchTheme();
+            this._echartsOnResize = this._echartsOnResize || (() => {
+                for (let i = 0; i < this._echartsArr.length; i++) {
+                    this._echartsArr[i].resize();
+                }
+            });
+            this.resizeEventSet.add(this._echartsOnResize);
+        }
     }
 
     initMapbox() {