This demo fetchs the first row of the CSV file (not including the labels) but only uses the first value (as the Gauge value)
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.gauge.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.CSV('/sample.csv', function (csv)
{
// Fetch the the first row
var row = csv.getRow(0, 1);
var gauge = new RGraph.Gauge({
id: 'cvs',
min: -50,
max: 50,
value: row[0],
options: {
shadowBlur: 10,
shadowColor: '#ddd',
valueTextUnitsPost: 'mm',
tickmarksSmall: 50,
tickmarksMedium: 5,
tickmarksLarge: 5,
labelsCount: 10,
colorsRanges: [[-50,-45,'red'], [-45,40,'yellow'], [-40,40, '#cfc'], [40,45, 'yellow'], [45,50,'red']]
}
}).grow()
});
</script>