如何将jQuery Click事件添加到gRaphael图形?

问题描述

我使用g.Raphael制作了图表:

I made a chart using 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!
            })

})

后来我将click事件添加到pie.sector，但是我的事件不起作用...有人知道用jQuery处理gRaphael的正确方法吗?

Later I added the click event to pie.sector, but my event is not work... any one know the right way to handle gRaphael with jQuery?

推荐答案

去这里

遍历您的饼图切片，并向其中添加点击处理程序

Iterate over you pie slices and add click handler to them

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示例

这篇关于如何将jQuery Click事件添加到gRaphael图形?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！