angular - How to display a progress over time in one horizontally stacked bar with chartjs

Question

Is there a way to configure chartjs to visualize horizontal stacked bars like this? The use case is to display continuous data over a time period. I know that this technically is more of a progress than a chart.

I've a stackblitz repo but I can't visualize several data points per label and they are not displayed as one bar.

question from:https://stackoverflow.com/questions/65903348/how-to-display-a-progress-over-time-in-one-horizontally-stacked-bar-with-chartjs

Answer 1

Change yAxes to yAxes: [{ display: false, stacked: true }] and it will work

Example: https://stackblitz.com/edit/ng2-charts-bar-template-nmyvzi?file=src%2Fapp%2Fapp.component.ts