<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.image.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> window.onload = function () { var line = new RGraph.Line({ id: 'cvs', data: [5,4,8,4,3,5,2], options: { hmargin: 5, labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'], backgroundGridVlines: false, backgroundGridBorder: false, tickmarks: 'circle', textAccessible: true } }).draw() var coords = line.coords[2]; var img = new RGraph.Drawing.Image({ id: 'cvs', x: coords[0], y: coords[1], src: '../images/logo.png', options: { halign: 'center', valign: 'center', alpha: 0.6, tooltips: ['The tooltip!'] } }).draw(); }; </script>