A Horizontal Bar chart using the CSV reader
Summary: This is a simple example of a Horizontal Bar chart that's created by using the CSV reader that comes with RGraph.
Note:
For browser security reasons the AJAX demos don't work offline. You can
view the demos on the RGraph website here:
https://www.rgraph.net/demos/index.html
Here we have a very simple example of the CSV Reader that is bundled with RGraph. This is in
addition to the RGraph.AJAX.getCSV()
function.
The code that fetches the data is this:
var data = csv.getRow(0, 1);
This code fetches the first row (the zero-indexed first argument) and the second argument stipulates
that the first element of that row should be ignored (ie starting from column 1
instead of column
0
.
The only other configuration for the chart is the stipulation of the labels and in increase in the size of the left margin.
This goes in the documents header:
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.hbar.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="500" height="250"> [No canvas support] </canvas>This is the code that generates the chart: