This goes in the documents header:
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.gauge.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="250" height="250">
[No canvas support]
</canvas>
This is the code that generates the chart:
<script>
window.onload = function ()
{
var gauge = new RGraph.Gauge({
id: 'cvs',
min: 0,
max: 10,
value: 7,
options: {
backgroundColor: 'Gradient(white:#00a)',
textColor: 'white',
tickmarksBigColor: 'white',
tickmarksSmallColor: 'white',
redColor: 'rgba(0,0,0,0)',
yellowColor: 'rgba(0,0,0,0)',
borderInner: '#00c',
borderOuter: 'Gradient(blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:blue:black)',
adjustable: true,
textAccessible: true
}
}).draw();
};
</script>