This is a Line chart making use of the hide() and show() functions.
<script src="RGraph.common.core.js"></script> <script src="RGraph.line.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="line.hidden(0) ? line.show(0) : line.hide(0)">hide/show red line</button>
<button onclick="line.hidden(1) ? line.show(1) : line.hide(1)">hide/show green line</button>
This is the code that generates the chart:
<script>
line = new RGraph.Line({
id: 'cvs',
data: [ [5,4,1,6,8,5,3], [7,8,5,4,9,1,5] ],
options: {
labels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
gutterLeft: 55,
gutterRight: 35,
gutterBottom: 35,
gutterTop: 35,
title: 'A basic line chart',
backgroundGridColor: '#aaa',
backgroundGridDashed: true,
textAccessible: true,
scaleZerostart: true,
labelsOffsety: 5
}
}).draw();
</script>