Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
electroheadfx opened this issue Jun 27, 2024 · 6 comments
Open

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

electroheadfx opened this issue Jun 27, 2024 · 6 comments
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.

Comments

@electroheadfx
Copy link

electroheadfx commented Jun 27, 2024

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

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

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

Any additional comments?

No response

@echarts-bot echarts-bot bot added en This issue is in English pending We are not sure about whether this is a bug/new feature. labels Jun 27, 2024
@echarts-bot echarts-bot bot changed the title axisPointer triggerEmphasis hide labels [Bug] [Bug] axisPointer triggerEmphasis hide labels Jun 27, 2024
@helgasoft
Copy link

did you try triggerEmphasis:false ?

@electroheadfx
Copy link
Author

Thanks to look it, right I tried, it works, but I lost the axisPointer interactivity with all xAxisIndex. I have just data on one graph at time and not all graphs. The issue is that line emphasis when mouse enter on it give a z index over the label.

@electroheadfx
Copy link
Author

electroheadfx commented Jun 28, 2024

I wrote a sandbox test for reproduce the issue here the sandbox test for reproduce the label overlapping

@electroheadfx
Copy link
Author

I have found the Echarts bug, on this sandbox here
this show label overlappe
Capture d’écran 2024-06-28 à 12 17 23
Now suppress +5 lines in dataset in middle source : dataset: [ source: [ ... here supress 6 lines .... ] ]
and label work like expected :
Capture d’écran 2024-06-28 à 12 18 32

@electroheadfx electroheadfx changed the title [Bug] axisPointer triggerEmphasis hide labels [Bug] Series-scatter Labels z index broke when there is too much data Jun 28, 2024
@electroheadfx electroheadfx changed the title [Bug] Series-scatter Labels z index broke when there is too much data [Bug] Series Labels z index broke when there is too much data Jun 28, 2024
@helgasoft
Copy link

Could not replicate solution by removing 5+ lines of data...
I believe the problem is due to one series id: "nonAdvAssets-13". When removed (commented out), the lines are not emphasized anymore and do not come on top of label.

Debugging complex charts as this one is a good occasion for a reminder.
🚩 Please follow Official posting guidelines :
Note that questions about usage, "how to" or debugging shouldn't be addressed here.


The issue list is reserved exclusively for bug reports and feature requests.
For usage questions, please use the following resources:


Another good resource is website makeapie.cn with many code examples.

@electroheadfx
Copy link
Author

Iam sorry I can replicate the issue look at this screenshot video, it seem too much point avoid the series-scatter z index (which containe the label):

zindex-label-bug.mov

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug en This issue is in English pending We are not sure about whether this is a bug/new feature.
Projects
None yet
Development

No branches or pull requests

2 participants