javascript - ChartJS BoxWidth 不起作用

Question

首先，我的JSFidle:https://jsfiddle.net/ethernetz/u8yc4tvb/

在图表的顶部，有一个粉红色的框。我希望那个盒子消失。 Others通过添加

来完成此操作

legend: {
    labels: {
        boxWidth: 0,
    }
},

他们的代码让盒子消失。正如您所看到的，这根本没有影响我的盒子。我做错了什么？

Answer 1

您应该将图例配置移动到选项对象内 Fiddle

var myChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
            labels: ['Completion'],
        datasets: [{
            data: [60, 20],
            backgroundColor: [
                'rgba(255, 99, 132, 0.8)',
                'rgba(54, 162, 235, 0)',
            ],

            borderWidth: 0
        }]
    },
    options: {
        responsive: false,
        cutoutPercentage: 90,
        events: [],
        legend: {
          labels: {
              boxWidth: 0
          }
      }
    }        
});