apache / apache/echarts

[Bug] Series Labels z index broke when there is too much data

Open
#20,085 9 comments 0 reactions 0 assignees View on GitHub
bug en pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.5.0

### Link to Minimal Reproduction

https://gist.github.com/electroheadfx/71827f8b8a997f99ac29e2768dfc3798

### Steps to Reproduce

I have a echarts with severals grid and axis attached to them, my axisPointer are actived:
```
axisPointer: {
animation: false,
snap: true,
link: [
{
xAxisIndex: 'all',
},
],
```
My echarts have click handler for show true or false a label, from a point object at bottom graph.

My last graph at bottom have higher z grid index, but the label are offseted distance over the others graph, when I focus mouse on the graph the labels are overlapped by the lines, when I remove the mouse out from the graphs, the label show fine.

axisPointer.triggerEmphasis to true create the overalapping on the labels.

[here the sandbox test for reproduce the label overlapping](https://codesandbox.io/p/sandbox/distribution-of-electricity-forked-3y3tf2)

Capture d’écran 2024-06-27 à 10 29 27
Capture d’écran 2024-06-27 à 10 29 42

### Current Behavior

Labels are overlapped by graphs with emphasis

### Expected Behavior

Labels may be setup to top with a z index

### Environment

```markdown
- OS: Mac Os Sonoma
- Browser: Arc
- Framework: Echarts + react-for-echarts
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.