<script src="RGraph.common.core.js"></script> <script src="RGraph.bar.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 bar = new RGraph.Bar({ id: 'cvs', data: [[3,4,6],[2,5,3],[1,5,2],[1,4,6],[1,6,8]], options: { labels: ['Mal', 'Barry', 'Gary', 'Neil', 'Kim'], colors: ['Gradient(#99f:#27afe9:#058DC7:#058DC7)', 'Gradient(#94f776:#50B332:#B1E59F)', 'Gradient(#fe783e:#EC561B:#F59F7D)'], hmargin: 15, strokestyle: 'white', linewidth: 2, shadowOffsetx: 1, shadowOffsety: 0, shadowBlur: 1, backgroundGridVlines: false, backgroundGridBorder: false, noyaxis: true, scaleZerostart: true, noxaxis: true, combinedchartEffect: 'wave', combinedchartEffectCallback: function () {$a('Finished the bar effect!')}, combinedchartEffectOptions: '{frames: 90}' } }) var line = new RGraph.Line({ id: 'cvs', data: [2,3,2,1,5], options: { spline: true, tickmarks: 'filledcircle', colors: ['#CDE217'], ymax: 10, shadow: false, noaxes: true, combinedchartEffect: 'trace', combinedchartEffectCallback: function () {$a('Finished the line effect!')}, combinedchartEffectOptions: '{frames: 90}' } }) var combo = new RGraph.CombinedChart(bar, line); combo.draw(); </script>