Echarts數據更新大坑


今天使用了一個Echarts來實現柱狀圖和直線圖統計組合,每次通過axios(ajax庫)來請求新數據來刷新數據,但是發現請求數據確實是對應變化到了options變量中,后台數據條數只有一條,但是圖表數據沒發生變化。

思考:
    一開始我傻乎乎地認為是vue的數據沒響應,我就把options放到data選項中去,但是圖表任然沒發生變化,vue-devtool查看到對應的數據發生了變化。

解決原理以及方案:

    官方文檔setOption方法簽名如下:
    setOption(option, notMerge, lazUpdate)

    可以看到第二個參數,表示合並,這里表示是否option合並數據,默認值為false,這就是為什么數據源條數變化了,而圖表數據條數缺沒發生變化,正確姿勢是setOption(options, true)


免責聲明!

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



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