How to remove the vertical grid ?

Hi, I try to remove the vertical line with this code but didn’t work. Anyone have some suggestion ? Thanks

Code:

<LineExample options={{
		 scaleShowGridLines : false,
                  scaleShowVerticalLines: false,
	}}/>

[jmariomejiap]

you can remove the vertical lines by setting display: false in inside xAxes property.

options={
  scales: {
    yAxes: [
      { ... },
    ],
    xAxes: [
      {
        gridLines: {
          color: '#aaa',
          borderDash: [1, 3],
        },
        display: false, // this will hide vertical lines
      },
    ],
  },
}

I hope this helps.

[timwsuccess81]

@utkarsh1510 You can hide the horizontal lines by adding the following to the yAxes property:

gridLines: { drawOnChartArea: false }