<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.common.tooltips.js"></script> <script src="RGraph.drawing.rect.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:
<script> var line = new RGraph.Line({ id: 'cvs', data: [5,8,6,4,3,5,2], options: { hmargin: 5, labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'], backgroundGridVlinesBorder: false, textAccessible: true } }).draw(); var coords = line.coords[2]; var rect = new RGraph.Drawing.Rect({ id: 'cvs', x: coords[0] - 15, y: coords[1] - 15, width: 30, height: 30, options: { fillstyle: 'rgba(255,0,0,0.25)', strokestyle: '#000', tooltips: ['The tooltip for the rect object!'] } }).draw(); </script>