使用 Chart js 的饼图图例样式

Question

如何将图例样式从矩形框更改为圆形？使用 chartjs.org

的饼图

Answer 1

您可以通过将图表选项中的图例标签的 usePointStyle 属性设置为 true 来实现，就像这样...

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

Answer 2

像这样放置数据集：

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

Pie chart legend styling using Chart js