<script src="RGraph.common.core.js"></script> <script src="RGraph.common.csv.js"></script> <script src="RGraph.waterfall.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 bottom of the document:
<script>
window.onload = function ()
{
new RGraph.CSV('/sample.csv', function (csv)
{
// Just fetch the first row of the CSV file, starting at the second column
var data = csv.getRow(0, 1);
var waterfall = new RGraph.Waterfall({
id: 'cvs',
data: data,
options: {
labels: ['Mon','Tue','Wed','Thurs','Fri','Sat','Sun','Total'],
textAccessible: true
}
}).draw();
});
};
</script>