Skip to content

Conversation

@andrimal
Copy link
Contributor

@andrimal andrimal commented Oct 24, 2025

Summary

The highlighter now respects the series sorting order.

Details

When 2 or more point geometries overlap at the same position (x, y, radius):

  • Highlighted points: They are pre-sorted by sortOrder so the topmost point renders last and its color appears on top
  • Hovered geometries: They are now deduplicated to keep only the topmost point (highest sortOrder), preventing semi-transparent highlight colors from mixing

Screenshots

Kapture 2025-10-31 at 12 04 31

Multiple overlapping points:

Before:
Screenshot 2025-10-30 at 12 32 40 PM

After:
Screenshot 2025-10-31 at 12 05 39 PM

Screenshot 2025-10-31 at 12 03 22 PM

Issues

fix #1921 and fix #2752

Checklist

  • The proper chart type label has been added (e.g. :xy, :partition)
  • The proper feature labels have been added (e.g. :interactions, :axis)
  • All related issues have been linked (i.e. closes #123, fixes #123)
  • The proper documentation and/or storybook story has been added or updated
  • The code has been checked for cross-browser compatibility (Chrome, Firefox, Safari, Edge)
  • Visual changes have been tested with light and dark themes

@andrimal
Copy link
Contributor Author

buildkite update vrt

@andrimal andrimal added :xy Bar/Line/Area chart related :interactions Interactions related issue labels Oct 30, 2025
@andrimal andrimal marked this pull request as ready for review October 30, 2025 15:02
@andrimal
Copy link
Contributor Author

buildkite update vrt

@andrimal
Copy link
Contributor Author

buildkite test this

Copy link
Contributor

@mariairiartef mariairiartef left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@andrimal andrimal merged commit 6054ca1 into elastic:main Nov 3, 2025
16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

:interactions Interactions related issue :xy Bar/Line/Area chart related

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Linechart & Areachart] Hovered dots end up having weird colors due to overlapping Sort highlighter by geometry zIndex

2 participants