今天使用了一個Echarts來實現柱狀圖和直線圖統計組合,每次通過axios(ajax庫)來請求新數據來刷新數據,但是發現請求數據確實是對應變化到了options變量中,后台數據條數只有一條,但是圖表數據沒發生變化。
思考:
一開始我傻乎乎地認為是vue的數據沒響應,我就把options放到data選項中去,但是圖表任然沒發生變化,vue-devtool查看到對應的數據發生了變化。
解決原理以及方案:
官方文檔setOption方法簽名如下:
setOption(option, notMerge, lazUpdate)
可以看到第二個參數,表示合並,這里表示是否option合並數據,默認值為false,這就是為什么數據源條數變化了,而圖表數據條數缺沒發生變化,正確姿勢是setOption(options, true)
