A Line chart using the mouseout event to hide tooltips

[No canvas support]

By using the mouseout event you can easily make a chart where the tooltips are hidden when the mouse is moved away from the canvas. The line chart here shows it in action and the code is below. It's a simple matter of adding the mouseout event listener after the chart has been created.

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.common.tooltips.js"></script>
<script src="RGraph.line.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>
This is the code that generates the chart: