我尝试在Chart.js中使用格式。我已经正确配置了导入,但它仍然没有显示我想要的内容
它在我的本地电脑上不工作。我上传了相同的代码到codepen,它也不工作。你可以验证it here
var donutEl = document.getElementById("donut").getContext("2d");
var data = [4, 9, 5, 2];
var pieChart = new Chart(donutEl, {
type: 'doughnut',
data: {
datasets: [
{
data: [10, 20, 15, 5, 50],
backgroundColor: [ 'rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', 'rgb(54, 162, 235)', ],
},
],
labels: ['Red', 'Orange', 'Yellow', 'Green', 'Blue'],
},
options: {
plugins: {
datalabels: {
formatter: (value) => {
return value + '%';
}
}
}
}
})
知道我做错了什么吗?谢谢
1条答案
按热度按时间ajsxfq5m1#
如此处所述,您需要注册插件:
示例:
第一次