echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] 折线图显示错乱

Open YXYH-12138 opened this issue 1 year ago • 6 comments

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

当巴鼠标放到则线图后面部分进行滚动的时候,线条会错乱 line-error

Current Behavior

测试时发现,如果设置tooltip的trigger为axis时,鼠标滚动缩放,线条会变得乱七八糟 Uploading line-error.png…

Expected Behavior

希望鼠标滚轮滚动缩放时线条能正常显示

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

YXYH-12138 avatar Feb 22 '24 10:02 YXYH-12138

@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

echarts-bot[bot] avatar Feb 22 '24 10:02 echarts-bot[bot]

请使用 5.5.0 测试。

plainheart avatar Feb 22 '24 10:02 plainheart

请使用 5.5.0 测试。

我使用了5.5 5.4 5.3 都进行测试,都会发生这个问题

YXYH-12138 avatar Feb 23 '24 01:02 YXYH-12138

错乱指的是哪里?能在图中标出来吗?给的示例有点内容繁杂。

plainheart avatar Feb 23 '24 02:02 plainheart

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.

helgasoft avatar Feb 23 '24 04:02 helgasoft

错乱指的是哪里?能在图中标出来吗?给的示例有点内容繁杂。 这是的正常显示: zc

当我鼠标放上去时,开始移动后,高亮点不会消失: gl

然后我鼠标滚轮开始缩放的时候,就会变成这样,整个图都乱了: cw

YXYH-12138 avatar Feb 23 '24 05:02 YXYH-12138

当我把series line 的showAllSymbol改为 false 就没问题了

YXYH-12138 avatar Feb 27 '24 03:02 YXYH-12138