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