How can I fix the offset of the gradient to be aligned with the chart points?

Question

I tried to put background colors on a line chart using linear-gradient, color by trend as you can see on the image. But unfortunately the offset of gradient.addColorStop is not