Skip to content

[Lens] New "List" legend by default #238777

@gvnmagni

Description

@gvnmagni

Describe the problem
The tabular way of displaying legends to the bottom of the chart wastes too much space and forces users to scroll. It's also not clear that users can scroll down.
Image

Describe the solution

  1. New "Layout" configuration option with List vs Table options when the legend is positioned to the bottom or the top.
  2. The "Layout" option will always be available, even when statistics are available, except when the user selects "current value" in "Statistics". The "Layout" option will be disabled and will default to Table because the values change and it's difficult to visualize. Add a tooltip when users hover the disabled Layout options that says "List format not available when selecting "current value" in Statistics"
    It was decided to keep this layout for the current value as well.
  3. The legend labels will have truncation in the list format after X characters px.
  4. List legends should support all the legends functionality such as clicking to highlight and filtering (for/out). Do this issue first [Legend] Show data series icon for filters only at hover elastic-charts#2444
  5. List legend positioned at the bottom of the chart should be the default option ONLY for new charts
  6. There should be at least 2.5 lines visible by default so the user understands he can scroll down.
Image Image Image

Metadata

Metadata

Assignees

Labels

Team:VisualizationsTeam label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t//enhancementNew value added to drive a business resultimpact:mediumAddressing this issue will have a medium level of impact on the quality/strength of our product.loe:largeLarge Level of Effort

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions