A line chart with alternate color fills

This demo is quite a bit of code and doesn't really have a huge amount of use cases.

[No canvas support]
               

This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.dynamic.js"></script>
<script src="RGraph.line.js"></script>
Put this where you want the chart to show up:
<canvas id="cvs" width="750" height="350" style="background-color: black">[No canvas support]</canvas><br />

<label for="checkboxAdjustable"><span style="font-size: 30pt">Adjustable</span></label>
<input type="checkbox" value="1" id="checkboxAdjustable" onchange="line.set('adjustable', this.checked); RGraph.redraw()" style="width: 35px; height: 35px" checked />

<label for="checkboxSpline"><span style="font-size: 30pt">Spline</span></label>
<input type="checkbox" value="1" id="checkboxSpline" onchange="line.set('spline', this.checked); RGraph.redraw()" style="width: 35px; height: 35px" />

<label for="checkboxTickmarks"><span style="font-size: 30pt">Tickmarks</span></label>
<input type="checkbox" value="1" id="checkboxTickmarks" onchange="line.set('tickmarksSize', this.checked ? 7 : 0); RGraph.redraw()" style="width: 35px; height: 35px" checked />
This is the code that generates the chart - it should be placed AFTER the canvas tag(s):