Skip to content

Replace VSA Overview "Total time" line chart with area chart

What does this MR do and why?

Replaces the "Total time" line chart on the VSA Overview page with a stacked area chart (DurationOverviewChart), allowing users to see a breakdown of the summation of all stages. The DurationChart will be used exclusively for individual stages. Although the chart is rendered as a summation of all stages, the tooltips display the actual duration data for each stage on the specified date.

Screenshots or screen recordings

View Before After
Chart chart-before area-chart
No Data/Error no-data-before error-after
Loading loading-before loading-after

How to set up and validate locally

  1. Please make sure that you're on an Ultimate plan.
  2. Visit VSA for any group or seed data if necessary.
  3. Verify that the stacked area chart appears under "Total Time" and that it works as expected.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #366780 (closed)

Edited by Rudy Crespo

Merge request reports