使用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'
    ],
}]