With Chartjs Radar - how to modify the gray gridlines?

Question

I have the following Chart.js Radar graph rendering in my react app using react-chartjs-2:

          <Radar
            data={chartData}
            options={{
              legend: false,
              gridLines: {
                 display: false,
              },
              scale: {
                gridLines: {
                  color: ['white', 'white', 'white', 'white', 'white', 'white', 'white', 'white']
                },
                pointLabels :{
                  fontSize: 12,
                },
                ticks: {
                  suggestedMin: 0,
                  suggestedMax: 10,
                  display: false,
                  maxTicksLimit: 5
                }
              }
            }}
          />

How can I hide the gray lines and/or modify the color to white?

Answer 1

Try adding angleLines to your scale config. This JSFiddle provides an example with a lot of configuration changes.

scale: {
    angleLines: {
        color: 'white' // lines radiating from the center
    }
}