A Bar chart using the backgroundBarsCount option
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="450">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
new RGraph.Bar({
id: 'cvs',
data: [153,425,163,648,755,648,922,378,512,566,388,642],
options: {
marginLeft: 75,
marginRight: 25,
marginTop: 25,
marginBottom: 25,
colors: ['gradient(red:#faa)'],
yaxisScaleMax:1200,
yaxisLabelsCount:12,
xaxisLabels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
backgroundGrid: false,
backgroundBarsCount: 12,
backgroundBarsColor1: '#eee',
backgroundBarsColor2: '#ddd',
yaxisScaleUnitsPost: 'km',
hmargin: 10,
axesColor:'gray',
xaxisTickmarksCount: 0,
yaxisTickmarksCount: 0,
textSize:8,
shadow: true,
shadowBlur: 2,
shadowOffsetx: 1,
shadowOffsety: 1
}
}).wave();
</script>