初始化圆环图(或任何其他图表)时,是否可以向每个段添加更多属性?目前,我们正在设置四个属性的值 - 值、颜色、突出显示和标签。我想在初始化图表数据时添加更多属性,以便在单击图表并调用 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/


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!