Add gauge chart component to component library
We would like to add the gauge chart to the metrics dashboard. The gauge chart is being defined in gitlab-org/gitlab-services/design.gitlab.com#598 (closed) and is anticipated to be merged by the end of this week/early next week.
As a first step, we should add the gauge chart to the component library.
Design Proposal
Add a new chart component called gauge chart using the following specs.
- User can define a min value and a max value. If min and max are not provided, their default values are 0 and 100.
- User can define up to 2 thresholds on the chart axis, which come with predefined colors. If no threshold value is defined, the first color will be used for the whole arc (light blue). If the threshold values are equal, only one of them will be applied. If a threshold is out of the min/max range, it won't be applied.
Base component
States
Medium range | High range | With alert set up | With a firing alert |
---|---|---|---|
Edited by Andrei Stoicescu