是否可以在Chart JS的圆环图中为分段添加更多属性？

Question

初始化圆环图（或任何其他图表）时，是否可以为每个细分添加更多属性？目前，我们正在为四个属性设置值 - 值，颜色，高亮和标签。我想在初始化图表数据时添加几个属性，这样我就可以在点击图表并调用getSegmentsAtEvent（e）函数时检索这些属性。

Answer 1

只需将它们添加到您的数据

即可

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)
};

只需单击某个扇区即可在此处查看

小提琴 - http://jsfiddle.net/aswfsyxw/