This is an example of a Waterfall chart which has an offset Y axis so that it can show some negative values. As you can see the Waterfall chart also has support for the labelsAbove
option. The total column at the end is optional and does not have to be shown if you don't want it.
<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.waterfall.js"></script>Put this where you want the chart to show up:
<div style="width: 1000px; height: 300px" id="chart-container"></div>This is the code that generates the chart: