VSA "Total Time" chart shows a dashed line even when there is stage event data.

Problem & Context

The VSA "Total Time" chart is showing a dashed-line even on dates where stage event data exists. E.g. Mar 17 and Mar 20: However, on these dates, the chart should display colored stage areas instead of a dashed line to represent the breakdown of total time per stage.

This came as Dogfooding feedback here.

Steps to Reproduce

Go to Gitaly Deployments VSA.

Expected Behavior

On any date that has stage event data, the Stacked Area Chart should be displayed, showing a breakdown of the total stage time for that day instead of a dashed line.

Solution

• Proposal D update the chart to accurately reflect where data exists by rendering dots only on valid data points, and enabling popovers only where appropriate.

Requirements

1. Display a data point (dot) on the timeline only on days where stage event data is present. The dashed line should remain same as today to show gaps.
2. Enable the popover only on visible dots, i.e., only when data exists for that date.
3. Ensure the data point (dot) show the stage color.