如何在chart.js中显示圆环图上的标签

How to display Labels on Doughnut chart in Chart.js

本文关键字:圆环图 标签 显示 chart js      更新时间:2023-09-26

我想知道如何在甜甜圈图和图例上显示标签,我正在使用chart.js作为插件

我用了scaleShowLabels: true,但不起作用

这是我的代码:

  var data = [{
    value: 30,
    color: "#F7464A",
    label: "Yasser"
}, {
    value: 50,
    color: "#E2EAE9",
    label: "Zeyd"
}, {
    value: 100,
    color: "#D4CCC5",
    label: "Mouad"
}, {
    value: 40,
    color: "#949FB1",
    label: "Hanine"
}, {
    value: 120,
    color: "#4D5360",
    label: "Kheira"
}
]
var options = {
    animation: false,
    scaleShowLabels: true
};
//Get the context of the canvas element we want to select
var c = $('#myChart');
var ct = c.get(0).getContext('2d');
var ctx = document.getElementById("myChart").getContext("2d");
/*************************************************************************/
myNewChart = new Chart(ct).Doughnut(data, options);

演示+代码

我找到了Chart-js主要问题的所有解决方案,

它是关于一个经过编辑的js文件,其中包含所有的代码示例,您可以在这里找到更多信息:

https://github.com/FVANCOP/ChartNew.js