[Bug] Line Chart 畫圖使用Data Zoom後線段亂掉

[qwas368]

Version

5.4.3

Link to Minimal Reproduction

https://codesandbox.io/s/compassionate-mayer-qss457?file=/src/index.js

Steps to Reproduce

1. 點選上面的連結
2. (Optional for performance) 複製出 Option 到 Official Editor
3. 拖動 zoom slider 左手方使 chart 縮放

Current Behavior

用上方的方式可以看到chart的線段亂掉

Expected Behavior

預期畫面如下，不應該有任何線段亂掉

Environment

- OS:  Windows 10
- Browser: Chrome
- Framework: Angular

Any additional comments?

當設定 "filterMode": "filter" 的時候就會發生上述問題，但改成 "filterMode": "none" 的時候就不會發生
我想確定這是否是echart的bug，還是這是正常的現象 (but why?)

[echarts-bot]

@qwas368 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] Line Chart Drawing uses Data Zoom after the line segments are messed up

BODY

Version

5.4.3

Link to Minimal Reproduction

https://codesandbox.io/s/compassionate-mayer-qss457?file=/src/index.js

Steps to Reproduce

1. Click the link above
2. (Optional for performance) Copy Option to Official Editor
3. Drag the left hand side of the zoom slider to make the chart zoom

Current Behavior

In the above way, you can see that the line segments of the chart are messed up

Expected Behavior

The expected screen is as follows, there should not be any line segments messed up

Environment

- OS:
-Browser:
- Framework:

Any additional comments?

The above problem occurs when "filterMode": "filter" is set, but it does not happen when it is changed to "filterMode": "none"
I'm trying to figure out if this is a bug with echart or if this is normal behavior (but why?)

[plainheart]

#18960 也许可以修复此问题。

[qwas368]

#18960 也许可以修复此问题。

我嘗試加入 "animation": false 但是沒有解決這個問題

[ZachLegros]

I encountered the same issue while building my product with a large dataset. It seems like #18960 is a viable fix to this issue based on some testing I have done.