Pie chart legend styling using Chart js

Question

How to style legend type from rectangle box to circle? pie chart using chartjs.org

Answer 1

put the dataset like this:

datasets: [{
    data: [10, 20, 30],
    backgroundColor: [
       'red',
       'orange',
       'blue'
    ],
}]

Answer 2

You could accomplish so, by setting usePointStyle property to true for legend labels in your chart options, like this ...

options: {
   legend: {
      labels: {
         usePointStyle: true  //<-- set this
      }
   },
   ...
}