This demo fetchs the first row of the CSV file (not including the labels) but only uses the first value (as the VProgress value)
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.vprogress.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="100" height="400"> [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 vprogress = new RGraph.VProgress({ id: 'cvs', min: 0, max: 10, value: row[0], options: { margin: 10 } }).draw(); }); </script>