原因是echarts開始是根據你定義的div大小來載入的，如果div隱藏了就找不到對應的大小，比例會變小
我的專案裡使用iview的tabs元件切換的，所以可以用tabs的on-click方法判斷當前tabpane的name，然後再執行echarts的方法
如果沒有用框架的話，那麼可以給對應的顯示的內容加乙個標識，判斷是否顯示，然執行echarts方法，或者直接用js隱藏顯示。
統一的思路就是必須有div顯示，echarts才能找到對應的大小，才能正確執行方法。
vue使用v-if控制的話會出現init dom的問題，因為我要來回切換所以不能用v-if，就用v-show，使用v-show會出現切換後寬度變成了100px，高度0px就這麻煩了。
解決辦法：加個定時器settimeout(()=>.1000)
簡單粗暴
記錄 vue 中使用echarts
echarts 官網 建立echarts 元件 方便後續使用的啦 實際頁面直接引用就可以了 接下來我們配置項和資料顯示圖表 var option title等 title.subtext 副標題文字，支援使用 n 換行。屬性同主標題 title.padding 5 標題內邊距，單位px，預設各方向內...
在Vue中使用echarts
npm install echarts s 或者使用 的映象 npm install g cnpm registry cnpm install echarts s 首先需要全域性引入 在main.js中 引入echarts import echarts from echarts vue.protot...
vue切換頁面後，echarts不顯示
遇到乙個echarts的問題，查了一天的資料，終於解決了！頁面一開始，圖表能出來，但是切換過頁面後，再回來就不顯示了。之前 之後 echarts的dom元素有乙個屬性 echarts instance 它應該類似id，需要每次重新整理重新生成。如圖 vue切換路由的時候，這個屬性一直沒變，因此解決方...