Skip to content

[Charts] Hover state style for partition charts and barcharts #245829

@gvnmagni

Description

@gvnmagni

Problem

When hovering a serie with a light color, this is barely visible:
Image

Compared to dark colors:

Image

Solution

Introduce neutral colors for un-selected data series for Piecharts, Treemaps and Barcharts. All the un-selected series would become neutral while leaving the hovered one its original color.

Image

Specifically, I would propose to use Shade 15 in light mode and Shade 110 in dark mode.

I am not entirely sure of the shade especially in light mode, it might be possible that we will need to move to higher shade (like 20) because maybe it is too light, but I'll need to see it working in the product to understand it, in Figma everything looks fine and then we need to calibrate a little

Note: the borders between bars in barcharts will be done in a follow-up issue

Sub-issues

Metadata

Metadata

Assignees

Labels

Team:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions