Add usage charts to the observability usage quota page
What does this MR do and why?
The main goal of this MR is to add daily usage charts to the observability usage quota page. As part of this, I've made some small refactoring and extracted some shared logic from ObservabilityUsageBreakdown
, and restructure it a bit to keep it more lean.
- Create
ObservabilityUsageChart
component - Create
ObservabilityUsageSectionedBar
component, extracting it fromObservabilityUsageBreakdown
- Add
ObservabilityUsageChart
andObservabilityUsageSectionedBar
components toObservabilityUsageBreakdown
and cleaned up the template
Close https://gitlab.com/gitlab-org/opstrace/opstrace/-/issues/2829
Needs !158256 (merged)
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
How to set up and validate locally
- Make sure you are logged in and running GDK with Ultimate license
- Enable
:observability_metrics
,:observability_logs
,:observability_tracing
feature flags - Apply patch to load local mocks:
git apply < <(curl -s https://gitlab.com/-/snippets/3725611/raw/main/a.patch)
Edited by Daniele Rossetti