Eth*_*etz 0 javascript chart.js
首先,我的JSFidle:https ://jsfiddle.net/ethernetz/u8yc4tvb/
在图表的顶部,有一个粉红色的框。我希望那个盒子消失。其他人通过添加
legend: {
labels: {
boxWidth: 0,
}
},
Run Code Online (Sandbox Code Playgroud)
他们的代码,使盒子消失了。如您所见,这根本没有影响我的盒子。我究竟做错了什么?
您应该在选项对象小提琴中移动图例配置
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)