Add product analytics usage visualization for each projects usage within the group
Proposal
As part of Product Analytics Usage Quota MVC Implementatio... (#419407 - closed) we need to create a new visualization to show to each project's usage within the group. The visualization should show the previous billing periods usage and the usage so far for the current billing period.
The visualization could be column or area chart with two data points per project, but that will be dependent on the final designs.
Designs
Standard gl-skeleton-loader while fetching data
Shares error + empty state (to be improved) with previous project usage table implementation
frontend
Implementation plan –Note: builds on previous usage table issue
- create component for monthly usage chart.
- receives same data as usage table component
- rendered from within the projects-usage component, above the tabel
- renders a column chart with two columns per project (current/previous months usage), e.g. https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/charts-column-chart--secondary-y-axis
- error state + empty state
- (hide chart, rely on existing error/empty states from the previous project usage table issue)
- loading state
- (gl-skeleton-loader, in the absence of a dedicated chart loading component)
- tests
Edited by Elwyn Benson