Vue中使用echarts,ajax請求的遠程數據賦值給圖表不刷新的問題和解決辦法


問題:

  vue-cli搭建的項目,在mounted鈎子函數里面創建echarts圖表,本地模擬數據可以正常顯示,但是當將ajax請求的遠程數據賦值給圖表時,圖表並不會刷新

解決辦法:

  剛開始以為是vue綁定的數據沒有綁定成功,查找資料后發現並不是vue的問題,而是echarts的問題echarts的數據發生改變時並不會自動刷新,而是需要重新創建這個圖表,於是將圖表創建部分封裝成一個函數,在mounted請求到遠程數據后調用這個函數,並將參數以形參的方式傳給函數,這樣函數圖標創建時的數據就是更新后的數據了,再以這個新數據創建圖表就能達到理想的效果了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM