使用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);