This demo fetchs a row from the CSV file (not the labels) but only uses the first value (as the Horizontal Progress value)
This goes in the documents header:<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.hprogress.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="500" height="100"> [No canvas support] </canvas>This is the code that generates the chart:
<script> new RGraph.CSV('/sample.csv', function (csv) { // Fetch the first row, var row = csv.getRow(0, 1); var progress = new RGraph.HProgress({ id: 'cvs', min: 0, max: 10, value: row[0], options: { marginInner: 10 } }).draw(); }); </script>