apache / apache/echarts

[Bug] I draw a scatter chart with markarea and set it to large:ture, but when I select, the markarea comes to the front.

Open
#19,951 3 comments 0 reactions 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
15h 17m
Merged PRs (30d)
5

Description

### Version

5.5.0

### Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=GYVwdgxgLglg9mABAcwKZlQJwIZVQEV2wAoI5woBKRAbwFgAoRZxAG1SkQBMjEBeRAG0AugG5GLRMDiZExdpxj9EABlGIlAHkRkK6mAGoD1ek0kseUbADoADiADOAC2KCJ5j8QCyuJ9ZxgXHAAtsTUAFSIAIwqKpTWUHAAYjAAHqhcxABMlAA0iAD0BYip7h6S3r7-2IEhYYiRMXEJyWkZ2dSFxQCeZebClOJmzAC-fZgcIJhIlthDYwyMcLawCMqmzLMOHABctA7kmBCoe2gYOHiEVsQAzLFxI7l9qQCCqTAOezSPfd1vH18fsNENtMDBUJ8hH1JBtypIoN1bCdEAByBwQXB4TAop7AuGsbCYNCIPZQTAgVC4uGSLYcACSgVQqRJqip1OY6DIXGRsPZfJKexUbP57O6eyi0JFo2F1OChIA1i8JtgvpL2Q4YOwwFBSeTKWrqbM9m48VKoaazSxeZbqWBsMFkSifJh5YglahsNEcQabSxXu9ISiYt6Lb6WH8A3sgyoUT6zUCw-ZrYnJP6Aai7iGU-UI-mUZm41KFonhIX-jL-TA8MEAMoI9iq0P8sisGRRokAIxIQsQWQArH38j2opRY03ysW-ZOPNPEMIZYk4KwO3BUo24cAPVApjyy7MAFpwELrs25hwM7lr1FgBCoMf8hN8jvk5wnqUIpHGlETaA41G2JdumQBA_xRVgYAwAANUDwIwABNUD5VQVBbFAiB2EJFFS3HUYDVnR9mGfRwnDfcxF2XVcvx_KBQIA1ggJA_IwIg1BoKY2DUAQpikJQtCMOxecDSI5wABkIPlKNsFYVgs3KNNz0ZK8hQNKAnEwOAoCgdgABVEUdbkV3AY5ZI8VT1M09h8FQAkxUQO5lNDcgoAAeWAAAhF8SNoMsWxkF5WFsJwVVUawJVDfDGBGUQgA

### Steps to Reproduce

below link
https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=GYVwdgxgLglg9mABAcwKZlQJwIZVQEV2wAoI5woBKRAbwFgAoRZxAG1SkQBMjEBeRAG0AugG5GLRMDiZExdpxj9EABlGIlAHkRkK6mAGoD1ek0kseUbADoADiADOAC2KCJ5j8QCyuJ9ZxgXHAAtsTUAFSIAIwqKpTWUHAAYjAAHqhcxABMlAA0iAD0BYip7h6S3r7-2IEhYYiRMXEJyWkZ2dSFxQCeZebClOJmzAC-fZgcIJhIlthDYwyMcLawCMqmzLMOHABctA7kmBCoe2gYOHiEVsQAzLFxI7l9qQCCqTAOezSPfd1vH18fsNENtMDBUJ8hH1JBtypIoN1bCdEAByBwQXB4TAop7AuGsbCYNCIPZQTAgVC4uGSLYcACSgVQqRJqip1OY6DIXGRsPZfJKexUbP57O6eyi0JFo2F1OChIA1i8JtgvpL2Q4YOwwFBSeTKWrqbM9m48VKoaazSxeZbqWBsMFkSifJh5YglahsNEcQabSxXu9ISiYt6Lb6WH8A3sgyoUT6zUCw-ZrYnJP6Aai7iGU-UI-mUZm41KFonhIX-jL-TA8MEAMoI9iq0P8sisGRRokAIxIQsQWQArH38j2opRY03ysW-ZOPNPEMIZYk4KwO3BUo24cAPVApjyy7MAFpwELrs25hwM7lr1FgBCoMf8hN8jvk5wnqUIpHGlETaA41G2JdumQBA_xRVgYAwAANUDwIwABNUD5VQVBbFAiB2EJFFS3HUYDVnR9mGfRwnDfcxF2XVcvx_KBQIA1ggJA_IwIg1BoKY2DUAQpikJQtCMOxecDSI5wABkIPlKNsFYVgs3KNNz0ZK8hQNKAnEwOAoCgdgABVEUdbkV3AY5ZI8VT1M09h8FQAkxUQO5lNDcgoAAeWAAAhF8SNoMsWxkF5WFsJwVVUawJVDfDGBGUQgA

image

I draw a scatter chart with markarea and set it to large:ture, but when I select, the markarea comes to the front.
A bug occurs when there are more than 2000 points.
I need to draw a large data chart, so I need to set large:true.

Is it possible to make markarea go to behind??

### Current Behavior

image

### Expected Behavior

image

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked ECharts line-simple minimal reproduction and verify the selection behavior with more than 2,000 scatter points, markArea, and large:true. Trace the scatter and markArea rendering or selection entry points to determine why the markArea moves in front; done means the markArea remains behind the selected data while large-mode rendering still works.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.