如何正确使用chartjs格式?

xvw2m8pv  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(157)

我尝试在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 + '%';
            }
        }
    }
}
})

知道我做错了什么吗?谢谢

ajsxfq5m

ajsxfq5m1#

如此处所述,您需要注册插件:

Chart.register(ChartDataLabels);

示例:
第一次

相关问题