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

How do i properly get attributes from another object? Trying to create a tooltip for my raphael animation

本文关键字:我的 工具提示 创建 动画 何正确 一个对象 获取 属性      更新时间:2023-09-26

所以,基本上我有一个拉斐尔画的饼图。每个段对应一个不同的值,我希望每个段都有一个唯一的工具提示弹出窗口。在此示例中,每次悬停其中一个线段时,我都会尝试绘制一个圆圈,但是我无法找到一种动态执行此操作的方法,以便我可以相对于正在悬停的线段设置位置点。很抱歉解释得很差和复杂,但你可以在这里看到我的代码示例:

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

感谢您的帮助!

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