Skip to content

feat: Add click-to-filter functionality to chart legend

Tristan Read requested to merge tr-chart-legend-filtering into master

This is a potential solution to this blocker - https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/10479#note_158539022.

I wanted to try to implement this functionality so that we could compare it against the slot option, already being discussed here: !232 (closed).

Functionality:

This adds the ability to filter series in our charts by clicking on the legend. It is currently implemented for all gitlab-ui charts that use a custom legend: area, line and stacked column.

Video:
filterable-legend

Screenshot:
Screenshot_2019-04-10_at_19.17.23

Related Issues

https://gitlab.com/gitlab-org/gitlab-ce/issues/57126

Edited by Tristan Read

Merge request reports