From 3b89cde53ac9bd8b280b6b77636d892f56b05ec2 Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Tue, 31 Oct 2017 17:25:57 +0800
Subject: [PATCH] refactor: echarts addEventListener about resize

---
 src/views/dashboard/admin/barChart.vue | 8 ++++++++
 src/views/dashboard/admin/pieChart.vue | 9 +++++++++
 2 files changed, 17 insertions(+)

diff --git a/src/views/dashboard/admin/barChart.vue b/src/views/dashboard/admin/barChart.vue
index a09bd8d9..4d151f60 100644
--- a/src/views/dashboard/admin/barChart.vue
+++ b/src/views/dashboard/admin/barChart.vue
@@ -5,6 +5,7 @@
 <script>
 import echarts from 'echarts'
 require('echarts/theme/macarons') // echarts 主题
+import { debounce } from '@/utils'
 
 const animationDuration = 3000
 export default {
@@ -29,11 +30,18 @@ export default {
   },
   mounted() {
     this.initChart()
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
   },
   beforeDestroy() {
     if (!this.chart) {
       return
     }
+    window.removeEventListener('resize', this.__resizeHanlder)
     this.chart.dispose()
     this.chart = null
   },
diff --git a/src/views/dashboard/admin/pieChart.vue b/src/views/dashboard/admin/pieChart.vue
index 728fba8f..51be373a 100644
--- a/src/views/dashboard/admin/pieChart.vue
+++ b/src/views/dashboard/admin/pieChart.vue
@@ -5,6 +5,7 @@
 <script>
 import echarts from 'echarts'
 require('echarts/theme/macarons') // echarts 主题
+import { debounce } from '@/utils'
 
 export default {
   props: {
@@ -28,11 +29,18 @@ export default {
   },
   mounted() {
     this.initChart()
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
   },
   beforeDestroy() {
     if (!this.chart) {
       return
     }
+    window.removeEventListener('resize', this.__resizeHanlder)
     this.chart.dispose()
     this.chart = null
   },
@@ -60,6 +68,7 @@ export default {
             name: 'WEEKLY WRITE ARTICLES',
             type: 'pie',
             roseType: 'radius',
+            radius: [10, 90],
             data: [
               { value: 320, name: 'industries' },
               { value: 240, name: 'technology' },