echarts add watch sidebar resize

PanJiaChen · Jul 10, 2017 · 4ad9040 · 4ad9040
1 parent 8460069
commit 4ad9040
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/views/dashboard/editor/lineChart.vue b/src/views/dashboard/editor/lineChart.vue
@@ -39,6 +39,10 @@
         }, 100)
         window.addEventListener('resize', this.__resizeHanlder)
       }
+
+      // 监听侧边栏的变化
+      const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+      sidebarElm.addEventListener('transitionend', this.__resizeHanlder)
     },
     beforeDestroy() {
       if (!this.chart) {
@@ -47,8 +51,12 @@
       if (this.autoResize) {
         window.removeEventListener('resize', this.__resizeHanlder)
       }
-      this.chart.dispose();
-      this.chart = null;
+
+      const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+      sidebarElm.removeEventListener('transitionend', this.__resizeHanlder)
+
+      this.chart.dispose()
+      this.chart = null
     },
     methods: {
       initChart() {