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

Javascript 如何正确地从另一个对象获取属性?尝试为我的raphael动画创建工具提示,javascript,jquery,animation,svg,raphael,Javascript,Jquery,Animation,Svg,Raphael,所以,基本上我有一张和拉斐尔一起画的柱状图。每个段对应一个不同的值,我希望每个段都有一个唯一的工具提示弹出窗口。在本例中,我试图在每次悬停一个线段时绘制一个圆,但我无法找到一种动态绘制的方法,以便设置相对于悬停线段的位置点。很抱歉,解释得很糟糕,很复杂,但您可以在这里看到我的代码示例: 谢谢你的帮助 在悬停回调中,此引用您正在绘制的当前路径。因此,this.attrs包含路径属性。请注意,路径没有cx和cy属性,正如您在示例中尝试访问的那样 我不确定您想要完成什么,但您可以查看我的示例,了解如

所以,基本上我有一张和拉斐尔一起画的柱状图。每个段对应一个不同的值,我希望每个段都有一个唯一的工具提示弹出窗口。在本例中,我试图在每次悬停一个线段时绘制一个圆,但我无法找到一种动态绘制的方法,以便设置相对于悬停线段的位置点。很抱歉,解释得很糟糕,很复杂,但您可以在这里看到我的代码示例:


谢谢你的帮助

悬停
回调中,
引用您正在绘制的当前路径。因此,
this.attrs
包含路径属性。请注意,路径没有
cx
cy
属性,正如您在示例中尝试访问的那样

我不确定您想要完成什么,但您可以查看我的示例,了解如何基于路径数据绘制一些圆:

基本上:

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

感谢这一点,这无疑有助于我理解javascript。我试图在线段悬停时画一个圆,当您单击线段时线段变大,它会随着线段相应地移动。我看过一些拉斐尔的工具提示示例,所以我可能会朝这个方向前进。