Echart出现连线混乱的情况,如动态X轴以及数据实时刷新时,出现连线乱跳、飞线的原因分析

划重点,X轴的值重复了!
我猜测,Echart在动态增加新的数据时,包括横坐标数值,他的顺序是,先移位,再从数组中去掉最早的数据,然后才增加最新的数据,并不是同时进行的。因此当最新增加的值对应的横坐标的值,刚好与最早的,将要剔除的值的横坐标值相等时,就会出现,下一跳的连线,先连到最早的那个值的位置,然后等到最新的值出现时,才连回正确的位置。
因此,我们猜测,在添加下一跳的值,他的X坐标在X轴中间位置存在重复值,可能也会出现,先连接到已经存在的X坐标位置,(因为这时候最新的值还没出现),等到最新的值出现了,才会连接到最新的位置,这样就出现了飞线的现象。
因此,需要仔细检查一下你的X轴的值,是否有重复,如果下一跳出现的值对应的X轴的值在横轴中已存在,很有可能就会出现这个情况,下一跳的连线就会连接到重复了的那个横坐标对应的X轴的那个位。
因此,重要的事再说一遍,X轴的值尽量不要重复。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鱼月半

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值