Echart出現連線混亂的情況,如動態X軸以及數據實時刷新時,出現連線亂跳、飛線的原因分析

劃重點,X軸的值重複了!
我猜測,Echart在動態增加新的數據時,包括橫座標數值,他的順序是,先移位,再從數組中去掉最早的數據,然後才增加最新的數據,並不是同時進行的。因此當最新增加的值對應的橫座標的值,剛好與最早的,將要剔除的值的橫座標值相等時,就會出現,下一跳的連線,先連到最早的那個值的位置,然後等到最新的值出現時,才連回正確的位置。
因此,我們猜測,在添加下一跳的值,他的X座標在X軸中間位置存在重複值,可能也會出現,先連接到已經存在的X座標位置,(因爲這時候最新的值還沒出現),等到最新的值出現了,纔會連接到最新的位置,這樣就出現了飛線的現象。
因此,需要仔細檢查一下你的X軸的值,是否有重複,如果下一跳出現的值對應的X軸的值在橫軸中已存在,很有可能就會出現這個情況,下一跳的連線就會連接到重複了的那個橫座標對應的X軸的那個位。
因此,重要的事再說一遍,X軸的值儘量不要重複。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章