我最近将我的charts.js库更新到最新版本(2.5.0) . 此版本不显示图表上的标签 .
我有一个在提琴手上工作的例子:http://jsfiddle.net/g6fajwg8 .
但是,我在示例中完全定义了我的图表,但仍然看不到图表上的标签 .
注意:在Google和Stackoverflow上有很多这样的问题,但大多数问题都与之前的版本有关 .
var config = {
type: 'pie',
data: {
datasets: [{
data: [
1200,
1112,
533,
202,
105,
],
backgroundColor: [
"#F7464A",
"#46BFBD",
"#FDB45C",
"#949FB1",
"#4D5360",
],
label: 'Dataset 1'
}],
labels: [
"Red",
"Green",
"Yellow",
"Grey",
"Dark Grey"
]
},
options: {
responsive: true,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart.js Doughnut Chart'
},
animation: {
animateScale: true,
animateRotate: true
}
}
};
window.pPercentage = new Chart(ChartContext, config);
1 回答
似乎没有这样的构建选项 .
但是,此选项有特殊库,它调用:“Chart PieceLabel” .
这是他们的demo .
将脚本添加到项目后,可能需要添加另一个名为“pieceLabel”的选项,并根据需要定义属性值: