A Bar chart / Vertical Progress bar with a 3D effect
This goes in the documents header:
<script src="RGraph.common.core.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="125" height="300">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
new RGraph.Bar({
id: 'cvs',
data: [74],
options: {
variant: '3d',
colorsStroke: 'rgba(0,0,0,0)',
colors: ['Gradient(red:#f99:#0f0:#0f0)'],
marginBottom: 80,
marginLeft: 50,
marginRight: 35,
yaxisScaleUnitsPost: '%',
hmargin: 7,
xaxisLabels: ['Completion'],
shadowColor:'#ccc',
yaxisScaleMax: 100,
axes: false,
shadowOffsetx: 3,
backgroundGridColor: 'rgba(0,0,0,0)',
adjustable: true,
xaxis: false
}
}).draw();
</script>