Is it possible to make such a chart ?

[Mr-Unfreeze]

Hello,

I'd like to create a line chart such as this one:

This chart displays the completion of specific objectives on a timeline, with orange circles aligned to the corresponding year. I have already created a line chart with dates on the X-axis and values on the Y-axis, and now I would like to add the orange bubbles.

Each orange bubble can be bound to a variable I already have. I just don't know how to write such a line chart.

Can someone please assist me ?

Thank you !

[stockiNail]

@Mr-Unfreeze in my opinion, you could use chartjs-plugin-annotation to draw the bubbles on the chart.

[Udemology]

This video should help, it is custom build plugin specifically to your sample: https://youtu.be/Uizslr1zrJc?si=Pzfj5z6_s3K2wXxM
If that would make it hard go for the suggestion from StockiNail and use chartjs-plugin-annotation.