Chart.js：如何将线下的区域填充到特定点？

Question

I created a line chart using the chart.js library and filled the area under the line.

The problem that I'm having is the fill under the line does not stop at the last plotted point on the graph. The fill under the curve should stop when the line stops but it keeps going. Is there are a way to specify the fill area so it doesn't fill past the line/last plotted point?

I've looked at the documentation and found a fill property but it's not fixing the problem. I'm thinking it might have something to do with the chart border or gridlines.

Answer 1

在dataset选项中，设置fill: '-1'