score:1

Accepted answer

this can be done by defining scale.gridlines.color option as an array of colors.

options: {
  scale: {
    gridlines: {
      color: [...]
    }
  }
}

please take a look at the below runnable code and see how it works.

window.mychart = new chart('canvas', {
  type: 'polararea',
  data: {
    datasets: [{
      label: 'my dataset',
      data: [4, 5, 4, 2, 6],
      backgroundcolor: ['rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(153, 102, 255, 0.2)']
    }]
  },
  options: {
    scale: {
      gridlines: {
        color: ['black', 'orange', 'yellow', 'green', 'blue']
      }
    }
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.8.0/chart.min.js"></script>   
<canvas id="canvas"></canvas>


Related Query

More Query from same tag