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

本文解决ECharts图表在动态修改X轴或Y轴数据时显示不更新的问题。通过直接替换整个xAxis或yAxis对象,而非仅更新其data属性,确保数据变更能实时反映在图表上。

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

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

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

原因:

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

因此,你可以直接修改整个xAxis的值,而不是xAxis.data
/**********修改处**************/
option2.xAxis=data.xAxis;
/*****************************/
option2.series=data.seriesData;
myChart2.setOption(option2,true);//设置为true时不会合并数据,而是重新刷新数据
————————————————

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值