ChartJS BoxWidth无效

时间:2017-09-05 06:25:35

标签: javascript chart.js

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

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

完成了此操作
legend: {
    labels: {
        boxWidth: 0,
    }
},

到他们的代码让盒子消失。如你所见,这根本不会影响我的盒子。我做错了什么?

1 个答案:

答案 0 :(得分:5)

您应该在选项对象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
          }
      }
    }        
});