Add throughput chart, stats and table stories
-
Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA
What does this MR do and why?
Closes #428283 (closed)
-
Adds a new story file named
throughput_chart.stories.js
for thethroughput_chart.vue
component-
The default story renders the chart with data -
A story for the chart without any data available -
A story for the chart in the loading state
-
-
Adds a new story file named
throughput_table.stories.js
for thethroughput_table.vue
component-
The default story renders the table with data -
A story for the table without any data available -
A story for the chart in the loading state
-
-
Adds a new story file named
throughput_stats.stories.js
for thethroughput_stats.vue
component-
The default story renders the table with data -
A story for the stats in the loading state
-
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
Throughput Chart
Default | No Data | Loading |
---|---|---|
Throughput Table
Default | No Data | Loading |
---|---|---|
Throughput Stats
Default | Loading |
---|---|
How to set up and validate locally
- Install storybook - in the terminal run:
yarn storybook:install
- Start storybook - in the terminal run:
yarn storybook:start
- Checkout the stories under
ee / analytics / merge_request_analytics / components
Edited by Grace Chung