ChartJS BoxWidth不起作用

Eth*_*etz 0 javascript chart.js

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

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

legend: {
    labels: {
        boxWidth: 0,
    }
},
Run Code Online (Sandbox Code Playgroud)

他们的代码,使盒子消失了。如您所见,这根本没有影响我的盒子。我究竟做错了什么?

Jai*_*nay 7

您应该在选项对象小提琴中移动图例配置

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
          }
      }
    }        
});
Run Code Online (Sandbox Code Playgroud)