1. 程式人生 > >Echarts資料更新大坑

Echarts資料更新大坑

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

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

解決原理以及方案:

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

    可以看到第二個引數,表示合併,這裡表示是否option合併資料,預設值為false,這就是為什麼資料來源條數變化了,而圖表資料條數缺沒發生變化,正確姿勢是setOption(options, true)