An SVG Bar chart with an offset X axis

This is an example of a Bar chart that has an offset Y axis. So the upper part of the chart is larger than the lower part. This allows you to give more focus to the upper portion of the chart - if that's where the majority of your data will be. It doesn't have to be this way - you can instead reverse the chart so that the lower portion of the chart is larger instead of the upper. There's also pre/post units on the scale along with decimals as well.

This goes in the documents header:

<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.bar.js"></script>

Put this where you want the chart to show up:

<div style="padding: 15px">
    <div style="width: 750px; height: 300px" id="chart-container"></div>
</div>

This is the code that generates the chart: