Hi Peter,
Here is an example showing how to initialize a jqxTooltip from an SVG element plotted with jqxDraw. We hope it is helpful to you:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
$('#container').jqxDraw();
var renderer = $('#container').jqxDraw('getInstance');
var size = renderer.getSize();
var borderElement = renderer.rect(0, 0, size.width, size.height, { stroke: '#777777', fill: 'transparent' });
var circleUp = renderer.circle(50, 150, 30, { fill: '#DEDEDE', stroke: '#777777' });
$(circleUp).jqxTooltip({ content: 'SVG circle', position: 'mouse' });
renderer.refresh();
});
</script>
</head>
<body class='default'>
<div id='container' style="width: 250px; height: 250px">
</div>
</body>
</html>
Best Regards,
Dimitar
jQWidgets team
http://www.jqwidgets.com/
