初始化圆环图(或任何其他图表)时,是否可以向每个段添加更多属性?目前,我们正在设置四个属性的值 - 值、颜色、突出显示和标签。我想在初始化图表数据时添加更多属性,以便在单击图表并调用 getSegmentsAtEvent(e) 函数时能够检索这些属性。
请您参考如下方法:
只需将它们添加到您的数据
var data = [
{
value: 300,
color:"#F7464A",
highlight: "#FF5A5E",
label: "Red",
extra: 1
},
...
创建图表后,将其添加到图表元素
...
var myChart = new Chart(ctx).Pie(data);
myChart.segments.forEach(function(segment, i){
segment.extra = data[i].extra
})
并使用元素访问它
canvas.onclick = function(evt){
var activeSegment = myChart.getSegmentsAtEvent(evt);
alert(activeSegment[0].extra)
};
<小时 />
只需点击一个扇区即可在此处查看其运行情况
fiddle - http://jsfiddle.net/aswfsyxw/