如何在Raphael生成的SVG上生成工具提示

一种方法是在拉斐尔纸上使用div标签。然后使用Jquery mousevents以及fadeIn()和fadeOut()。我在jsFiddle上创建了一个示例。 Have a look

qtip .

var R = Raphael('canvas', 100, 100);
R.path(path).attr({ title: 'Fancy tooltip' });

$('#canvas a').qtip();

如果有人会在g Rapahel图表上寻找工具提示的例子(我想它也可以很容易地与普通的Rapahel一起使用),我做了一个使用动态创建的div的例子( )作为饼图的工具提示

Interactive Pie Chart with Tooltip

它用的是拉斐尔的mousemove和mouseout。。。

b、 t.w我使用图例作为工具提示的来源-当然,它不是必须的,可以被任何其他文本替换(只需替换 this.label[1].attrs.text

我使用qtip添加工具提示:

http://jsfiddle.net/chrisloughnane/h5WU9/