如何在Chart.js中的甜甜圈圖上顯示標簽

Question

我想知道如何在甜甜圈圖和圖例上顯示標簽，我使用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);

演示+代碼

Answer 1

我找到了Chart js主要問題的所有解決方案，

它是關於一個經過編輯的js文件，其中包含所有代碼示例，您可以在這里找到有關它的更多信息：

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