添加utils工具方法

src/components/echarts/index.vue

@@ -50,6 +50,14 @@ export default {
         }
     },
 
+    beforeDestroy () {
+        window.removeEventListener('resize', this.chartResize)
+        if (this.chart) {
+            this.chart.dispose()
+            this.chart = null
+        }
+    },
+
     methods: {
         /**
          * @method initChart 初始化图表
@@ -58,20 +66,29 @@ export default {
             const { id = '', option = {} } = this.chartOpt
             if (id && option) {
                 const currChartEl = document.getElementById(id)
+
+                // 无需滚动的图表, 初始化时先销毁, 防止重复创建
                 if (!this.isMove) {
-                    this.echarts.dispose(currChartEl) // 先销毁, 防止重复创建
+                    this.echarts.dispose(currChartEl)
+                }
+                if (!this.chart) {
+                    this.chart = this.echarts.init(currChartEl)
                 }
-                this.chart = this.echarts.init(currChartEl)
 
                 // 渲染图表
                 this.chart.setOption(option, true)
                 setTimeout(() => { // echarts图表自适应屏幕宽度
-                    window.addEventListener('resize', () => {
-                        this.chart.resize()
-                    })
+                    window.addEventListener('resize', this.chartResize)
                 }, 200)
             }
-        }
+        },
+
+        /**
+         * @method chartResize 重置图表
+         */
+        chartResize: throttle (function () {
+            this.chart && this.chart.resize()
+        }, 2000)
     }
 }
 </script>