Skip to content

[Feature] Prevent z-index elevation on hover for symbol graphics #21072

Open
@fishhotter

Description

@fishhotter

What problem does this feature solve?

When using ECharts to render many overlapping points (e.g., in a scatter plot), hovering a point causes that symbol to "float" to the top by elevating its z-index. This breaks the carefully arranged visual layering, especially when symbol sizes or other data-related priorities are meant to determine rendering order.

It also causes usability issues — smaller or lower-priority points may suddenly appear on top and block larger or more important points underneath, making them unhoverable.

What does the proposed API look like?

emphasis: {
maintainLayerOrder: true, // New option: do not change z-index or render order on hover
itemStyle: {
borderColor: '#fff',
borderWidth: 2
}
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    enThis issue is in Englishnew-featurependingWe are not sure about whether this is a bug/new feature.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions