A demo of the updated, JSON, gradient syntax
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="350">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
new RGraph.Bar({
id: 'cvs',
data: [4,8,6,3,5,4,9],
options: {
colors: ['Gradient({colors:["red","yellow","red"],x1:0,y1:0,x2:700,y2:350})'],
axes: false,
labelsAbove:true,
labelsAboveSize:20,
labelsAboveSpecific: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'],
textSize: 20,
marginBottom: 5,
marginTop: 5,
marginRight: 5,
marginLeft: 45,
shadow: true,
shadowOffsetx: 1,
shadowOffsety: 1,
shadowBlur: 2
}
}).grow();
</script>