A basic Waterfall chart

[No canvas support]

This goes in the documents header: 
<script src="RGraph.common.core.js"></script>
<script src="RGraph.waterfall.js"></script>
Put this where you want the chart to show up: 
<canvas id="cvs" width="600" height="250" >[No canvas support]</canvas><br />

<button onclick="waterfall.set('xaxisPosition', 'bottom'); RGraph.redraw();" style="font-size: 14pt; cursor: pointer">Set X axis position at bottom</button>
<button onclick="waterfall.set('xaxisPosition', 'center'); RGraph.redraw();" style="font-size: 14pt; cursor: pointer">Set X axis position at center</button>
<button onclick="waterfall.set('xaxisPosition', 'top'); RGraph.redraw();" style="font-size: 14pt; cursor: pointer">Set X axis position at top</button>
This is the code that generates the chart: