apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.11k stars 19.6k forks source link

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

Open qwas368 opened 1 year ago

qwas368 commented 1 year ago

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的線段亂掉 image

Expected Behavior

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

Environment

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

Any additional comments?

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

echarts-bot[bot] commented 1 year ago

I'm sorry to close this issue for it lacks the necessary title. Please provide a descriptive and as concise as possible title to describe your problems or requests and then the maintainers or I will reopen this issue.

Every good bug report or feature request starts with a title. Your issue title is a critical element as it's the first thing maintainers see.

A good issue title makes it easier for maintainers to understand what the issue is, easily locate it, and know what steps they'll need to take to fix it.

Moreover, it's better to include keywords, as this makes it easier to find the issue self and similar issues in searches.

echarts-bot[bot] commented 1 year ago

@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 ![image](https://github.com/apache/echarts/assets/26789196/f854bed1-62d6-4e88-aeae-aa3639731821) ### Expected Behavior The expected screen is as follows, there should not be any line segments messed up ![image](https://github.com/apache/echarts/assets/26789196/0bf6bf9e-1311-4286-acb6-280b90210f2a) ### Environment ```markdown - 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 commented 1 year ago

18960 也许可以修复此问题。

qwas368 commented 1 year ago

18960 也许可以修复此问题。

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

ZachLegros commented 1 year ago

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.