我如何从另一个对象正确获取属性?试图为我的raphael动画创建一个工具提示

时间:2012-04-23 04:46:40

标签: javascript jquery animation svg raphael

所以,基本上我有拉斐尔绘制的饼图。每个段对应一个不同的值,我希望每个段都有一个唯一的工具提示弹出窗口。在这个例子中,我试图在每次其中一个段悬停时绘制一个圆,但我无法想出一种动态的方法,这样我就可以设置相对于正在悬停的段的位置点。对于糟糕而复杂的解释感到抱歉,但您可以在此处查看我的代码示例:

http://jsfiddle.net/DgrgC/2/

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

hover回调中,this指的是您正在绘制的当前路径。所以this.attrs包含路径属性。请注意,路径没有cxcy属性,正如您在示例中尝试访问的那样。

我不确定您要完成的任务,但是您可以查看我的示例,了解如何根据路径数据绘制一些圆圈:
http://jsfiddle.net/DgrgC/3/

基本上:

this.attrs.path[1] //second point of the path
this.attrs.path[1][1] //x coordinate of this point
this.attrs.path[1][2] //y coordinate of this point