使用echarts的時候,根據篩選的值來同步圖表的時候發生此錯誤:
定位到具體的錯誤行數,發現是因爲現有的數據格式和異步請求回來的數據格式不一致導致的。
每次渲染折線圖的時候調用 setOption 這個方法,來具體看看 setOption 方法
以下摘自官方文檔
echartsInstance.setOption Function
設置圖表實例的配置項以及數據,萬能接口,所有參數和數據的修改都可以通過 setOption 完成,ECharts 會合並新的參數和數據,然後刷新圖表。如果開啓動畫的話,ECharts 找到兩組數據之間的差異然後通過合適的動畫去表現數據的變化。
注: ECharts 2.x 中的通過
addData
,setSeries
方法設置配置項的方式將不再支持,在 ECharts 3 中統一使用setOption
這裏我用的ECharts的版本是:4.2.1 => echarts查看版本
調用方式:
chart.setOption(option, notMerge, lazyUpdate);
option
圖表的配置項和數據,具體見配置項手冊。
notMerge
可選,是否不跟之前設置的
option
進行合併,默認爲false
,即合併。
lazyUpdate
可選,在設置完
option
後是否不立即更新圖表,默認爲false
,即立即更新。
silent
可選,阻止調用
setOption
時拋出事件,默認爲false
,即拋出事件。
notMerge注意這個參數,是否不跟之前設置的 option
進行合併,將其設置爲true 就是不合並即可。
chart.setOption(option, true);