echarts
echarts copied to clipboard
[Bug] 折线图显示错乱
Version
5.4.0
Link to Minimal Reproduction
https://codesandbox.io/p/sandbox/basic-line-chart-mhj8jg?file=%2Findex.js%3A9%2C1&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clsx238ro0006356h0fx39399%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clsx238ro0002356husycxu0v%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clsx238ro0003356h9da02pvp%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clsx238ro0005356henqwt6ly%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clsx238ro0002356husycxu0v%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsx238rn0001356hury9s1xu%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Findex.js%2522%252C%2522state%2522%253A%2522IDLE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A9%252C%2522startColumn%2522%253A1%252C%2522endLineNumber%2522%253A9%252C%2522endColumn%2522%253A1%257D%255D%257D%255D%252C%2522id%2522%253A%2522clsx238ro0002356husycxu0v%2522%252C%2522activeTabId%2522%253A%2522clsx238rn0001356hury9s1xu%2522%257D%252C%2522clsx238ro0005356henqwt6ly%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clsx238ro0004356h3dasost7%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522path%2522%253A%2522%252F%2522%257D%255D%252C%2522id%2522%253A%2522clsx238ro0005356henqwt6ly%2522%252C%2522activeTabId%2522%253A%2522clsx238ro0004356h3dasost7%2522%257D%252C%2522clsx238ro0003356h9da02pvp%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522clsx238ro0003356h9da02pvp%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
Steps to Reproduce
当巴鼠标放到则线图后面部分进行滚动的时候,线条会错乱
Current Behavior
测试时发现,如果设置tooltip的trigger为axis时,鼠标滚动缩放,线条会变得乱七八糟
Expected Behavior
希望鼠标滚轮滚动缩放时线条能正常显示
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
@YXYH-12138 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] The line chart is displayed out of order
请使用 5.5.0 测试。
请使用 5.5.0 测试。
我使用了5.5 5.4 5.3 都进行测试,都会发生这个问题
错乱指的是哪里?能在图中标出来吗?给的示例有点内容繁杂。
I can confirm the effect of non-refreshing lines on zoom in/out.
Fix - remove showAllSymbol from all series. Logically sampling:'lttb' ought to be incompatible with showAllSymbol.
Also remove redundant encode from all series.
错乱指的是哪里?能在图中标出来吗?给的示例有点内容繁杂。 这是的正常显示:
当我鼠标放上去时,开始移动后,高亮点不会消失:
然后我鼠标滚轮开始缩放的时候,就会变成这样,整个图都乱了:
当我把series line 的showAllSymbol改为 false 就没问题了