echarts圖渲染問題：解決圖不正常顯示，圖縮到一起了，清空圖表數據，隨窗口變化自動縮放問題(vue)

echarts圖是常用的數據展示圖表插件，在運用過程中可能會遇到各種問題，下面我總結一下我在項目開發中遇到的問題：

1. 在切換tab頁的時候，很容易出現圖縮到一起了，如下圖：
   
2. 重新加載數據，圖任然有數據
   
3. 圖形不隨窗口放大縮小
   
   解決方案：
   初始化ehcarts與數據渲染，不判斷echarts實例化是否存在，會出現以下報錯，如果先進行實例化，就不需要加判斷
   
   按照以下步驟，不但可以解決以上問題還可以避免報錯：
   首先，將初始化的echarts圖配置項提出來，
   option配置文件：
   
   引入深度複製
   
   data中申明變量：
   
   在mounted中初始化echarts,使其echarts實例化存在，窗口大小變化通過window.onresize事件控制echarts的resize()事件；
   重新查詢數據時，需要清空圖表數據。利用dispose()事件銷燬，再重新初始化，也可以置空數據
   
   在接口返回數據後只需要更新動態值，再setOption
   
   在tab切換事件中：重新刷新刷新視圖