How to do a tooltip on an SVG generated by Raphael

Question

I\'m doing a bit of a pedagogical exercise, converting XML to SVG with XSLT, Javascript and Raphael. I\'m sure it\'s the hard way...but it\'s educational.

The proble

Answer 1

If you use [title] attributes, it will wrap the elements with links making it easy to use tooltip plugins like qtip.

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

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