Get multiple boxes in background in ChartJs

Question

Working with ChartJS and annotations plugin, created the codepen for reference. There is a purple box in the background that encompasses the whole graph. However I want to limit it to from 12:36:28 pm to 12:39:28 pm The box can be repeating, i.e., come multiple times, with width extending between different x indices. Can someone see the codepen and guide how to implement this?

Answer 1

You forgot to include xScaleID: "x-axis-0", yScaleID: "y-axis-0" example