A Bar chart customised to look like a VProgress bar
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="250">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
new RGraph.Bar({
id: 'cvs',
data: [68],
options: {
yaxisScaleMax: 100,
xaxis: false,
xaxisLabels: ['Engine output'],
labelsAbove: true,
yaxisScaleUnitsPost: '%',
colors: ['gradient(red:white)'],
backgroundGrid: false,
marginLeft: 55,
marginRight: 5,
colorsStroke: 'rgba(0,0,0,0)'
}
}).draw();
</script>