React-chartjs-2: How to remove the vertical grid ?

[ekobayu]

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.

[ekobayu]

Awesome, thankss it worked @jmariomejiap

[BertrandBreton]

Perfect, Thanks a lot

[utkarsh1510]

Can anybody provide a solution to hide the horizontal lines as well. Thanks in advance!

[timwsuccess81]

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

gridLines: {
drawOnChartArea: false
}