我最近将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’、无衬线”
}