Skip to content

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

@electroheadfx

Description

@electroheadfx

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugenThis issue is in EnglishpendingWe are not sure about whether this is a bug/new feature.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions