score:1

Accepted answer

the simplest solution would be to define different borderwidth and hoverborderwidth on your dataset as follows.

new chart(document.getelementbyid('mychart'), {
  type: 'doughnut',
  data: {
    labels: ['red', 'green', 'gray', 'blue'],
    datasets: [{
      label: 'my first dataset',
      backgroundcolor: ['red', 'green', 'gray', 'blue'],
      bordercolor: 'white',
      data: [3, 4, 5, 3],
      borderwidth: 4,
      hoverborderwidth: 0,
      borderalign: 'center'
    }]
  },
  options: {
     responsive:true,
     cutoutpercentage: 65
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/2.9.3/chart.bundle.min.js"></script>
<canvas id="mychart"></canvas>


Related Query

More Query from same tag