This is the Bar chart from the front page of the website (as of 10th September 2012).
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.effects.js"></script> <script src="RGraph.common.tooltips.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.bar.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> new RGraph.Bar({ id: 'cvs', data: [[45,60],[65,30],[40,80],[62,48]], options: { xaxisLabels: ['Luis', 'Kevin', 'John', 'Gregory'], tooltips: ['Luis','Luis','Kevin','Kevin','John','John','Gregory','Gregory'], textAccessible: true, yaxisScaleMax: 100, colorsStroke: 'white', linewidth: 2, shadow: true, shadowOffsetx: 0, shadowOffsety: 0, shadowBlur: 10, hmarginGrouped: 2, yaxisScaleUnitsPre: '$', title: 'An example Bar chart', titleSize: 14, marginBottom: 25, marginLeft: 40, marginRight: 15, marginTop: 27, colors: ['Gradient(white:rgba(255, 176, 176, 0.5))','Gradient(white:rgba(153, 208, 249,0.5))'], backgroundGridHlinesCount: 5, backgroundGridVlinesCount: 4 } }).fadeIn({'duration': 250}); </script>