所以,基本上我有一个用拉斐尔绘制的饼图。每个段对应一个不同的值,我希望每个段都有一个唯一的工具提示弹出窗口。在此示例中,每次悬停其中一个线段时,我都尝试绘制一个圆圈,但我无法找到一种动态执行此操作的方法,以便我可以设置相对于悬停线段的位置点。抱歉,解释不佳且令人费解,但您可以在此处查看我的代码示例:
谢谢你的帮助!
所以,基本上我有一个用拉斐尔绘制的饼图。每个段对应一个不同的值,我希望每个段都有一个唯一的工具提示弹出窗口。在此示例中,每次悬停其中一个线段时,我都尝试绘制一个圆圈,但我无法找到一种动态执行此操作的方法,以便我可以设置相对于悬停线段的位置点。抱歉,解释不佳且令人费解,但您可以在此处查看我的代码示例:
谢谢你的帮助!
在hover
回调内部,this
指的是您正在绘制的当前路径。所以this.attrs
包含路径属性。请注意,路径没有cx
和cy
属性,正如您在示例中尝试访问的那样。
我不确定您要完成什么,但您可以查看我的示例,了解如何根据路径数据绘制一些圆圈: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