Chart.js在饼图上显示标签

我最近将charts.js库更新为最新版本(2.5.0)。
此版本不会在图表上显示标签

我有一个关于fiddler的例子:http://jsfiddle.net/g6fajwg8

但是,我定义的图表与示例中的完全相同,但仍然无法看到图表上的标签

注意:在Google和Stackoverflow上有很多类似的问题,但大多数问题都是关于以前的版本,这些版本在Google和Stackoverflow上运行良好

var配置={
键入“pie”,
数据:{
数据集:[{
数据:[
1200,
1112,
533,
202,
105,
],
背景颜色:[
“#F7464A”,
“#46BFBD”,
“#FDB45C”,
“#949FB1”,
“#4D5360”,
],
标签:“数据集1”
}],
标签:[
“红色”,
“绿色”,
“黄色”,
“灰色”,
“深灰色”
]
},
选项:{
回答:是的,
图例:{
位置:'顶部',
},
标题:{
显示:对,
文本:“Chart.js甜甜圈图表”
},
动画:{
没错,
动画片:真
}
}
};
window.pPercentage=新图表(图表上下文,配置);

似乎没有这样的内置选项

然而,这个选项有一个特殊的库,它调用:“Chart PieceLabel”

这是他们的演示

将其脚本添加到项目后,可能需要添加另一个名为“pieceLabel”的选项,并根据需要定义属性值:

片段标签:{
//模式“标签”、“值”或“百分比”,默认为“百分比”
模式:(!模式)?“值”:模式,
//百分比的精度,默认值为0
精度:0,
//字体大小,默认为defaultFontSize
尺码:18,
//字体颜色,默认为“#fff”
fontColor:“#fff”,
//字体样式,默认为defaultFontStyle
字体:“粗体”,
//字体系列,默认为defaultFontFamily
fontFamily:“‘Helvetica Neue’、‘Helvetica’、‘Arial’、无衬线”
}

发表评论