How to hide the grid lines of react chart js

Asked Mar 12 '20 at 08:58

Active Mar 12 '20 at 09:03

Viewed 536 times

I want to hide gridlines of react-chartjs-2 line chart. I have tried with the below code. But not working.

scales: {
        xAxes: [{
          gridLines: {
            display: false,
            drawOnChartArea: false,
            drawTicks: false
          },
          ticks: {
            display: false
          }
        }],
}

Sandbox:- https://codesandbox.io/s/react-typescript-tm7hj

asked Mar 12 '20 at 08:58

Ramesh Kithsiri HettiArachchi

1,440
13
30

You can try this answer [https://stackoverflow.com/a/54472698/11834630] – sourav satyam Mar 12 '20 at 09:12
@souravsatyam Still not working. – Ramesh Kithsiri HettiArachchi Mar 12 '20 at 09:14
1

Hide it by default Chart.defaults.scale.gridLines.display = false; It is working in Sanbox. Though this isn't a solution. – sourav satyam Mar 12 '20 at 09:16

How to hide the grid lines of react chart js

0 Answers0