This demo is quite a bit of code and doesn't really have a huge amount of use cases.
<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):