如何向gRaphael图形中添加jQuery点击事件？

Question

我使用g.Raphael制作了一张图表：

$(function(){
    var r = Raphael("pieChart"),
            pie = r.piechart(320, 240, 100, [55, 20, 13, 32, 5, 1, 2, 10]);

            r.text(320, 100, "Interactive Pie Chart").attr({ font: "20px sans-serif" });
            $(pie.sector).click(function(){
                alert('hi');//not work!
            })

})

后来我在 pie.sector 上添加了 click 事件，但我的事件不起作用...有人知道如何正确使用 jQuery 处理 gRaphael 吗？

- 3gwebtrain

Answer 1

请看这里

遍历您的饼片并向它们添加点击处理程序

for(var index_i=0;index_i < pie.covers.items.length;index_i++){
    pie.covers.items[index_i].click(clickSomeSlice);
}


var clickSomeSlice = function () {
    alert("clicked on\t"+this.label[1].attrs.text);
};

这里有一个完整的 jsfiddle 示例

- Daniel

Answer 2

只需选择馅饼

$(pie).click(function(){
    alert('hi');
})

- Starx