Echart 数据更新了,X轴或者Y轴显示不变化的问题

Echart 数据更新了,X轴或者Y轴显示不变化的问题

应用场景:echart图表已经init后,有时候需要动态的修改X轴或者Y轴的数据,比如点击不同的图例,显示不同的X轴或者Y轴的图表。

问题:大多数数据更新了后,已经初始化后的图表X轴或者Y轴仍然不变。

原因:

因为xAxis或者yAxis,在初始化的时候赋值为一个对象,而刷新数据的时候只是刷新xAxis的data部分,这个时候xAxis是找不到数组中到底哪个数据在刷新,

Echart 数据更新了,X轴或者Y轴显示不变化的问题

因此,你可以直接修改整个xAxis的值,而不是xAxis.data
/**********修改处**************/
option2.xAxis=data.xAxis;
/*****************************/
option2.series=data.seriesData;
myChart2.setOption(option2,true);//设置为true时不会合并数据,而是重新刷新数据
————————————————
Echart 数据更新了,X轴或者Y轴显示不变化的问题