[Solved]-vertical grid line not taking full hight of the canvas in chart js 3.3.2-Chart.js

i was assuming that instead of defining scales.y.grid.display: false, scales.y.grid.drawonchartarea: false would work, but it doesn't.

as a workaround, you can define scales.y.grid.color as shown below.

scales: {
  y: {        
    grid: {
      color: ['rgb(180,180,180)', null, null, null, 'rgb(180,180,180)'],
      drawticks: false
    },
    ...

please take a look at your amended stackblitz and see how it works.