Skip to content

feat(GlChartLegend): add tabular layout

Andrei Stoicescu requested to merge astoicescu/tabularChartLegend into master

Feature to add

  • Adds tabular layout to chart legends
  • The table header remains fixed, while the table body scrolls vertically
  • The series name takes up 50% of the table width. If the name is longer, it will be cut off. To see the whole name, the user will hover and a tooltip will be displayed
  • When a series has no data, en-dashes ("-") are displayed on each table cell
  • Should be opt-in by setting a property

Description

Screen_Recording_2020-05-07_at_20.40.24

Legend scroll Legend item hover Disabled legend item Scroll area
Metrics_legend_scroll_with_fade Metrics_legend_scroll_hover_item Metrics_legend_scroll_with_disabled_item Image_2020-03-30_at_3.47.52_PM__1_

Related issue: gitlab#211340 (closed)

Edited by 🤖 GitLab Bot 🤖

Merge request reports