A product revenue Line chart
This goes in the documents header:
<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>
This is the code that generates the chart:
<script>
new RGraph.Line({
id:'cvs',
data: [
[62,67,48,35,42,48,69,61,86,67,65,79],
[41,50,33,39,62,57,28,41,42,58,59,41],
[37,29,25,29,39,20,21,30,26,32,30,23]
],
options: {
colors: ['red', '#0c0','black'],
labels: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
backgroundColor: 'Gradient(#aaf:white)',
backgroundGrid: false,
key: ['Atom synthesizer','Quantum computer','Proton cannon'],
keyPosition: 'gutter',
textAccessible: false,
shadow: false,
tickmarks: ['square','circle','cross'],
ticksize: 5,
linewidth: 1
}
}).draw();
</script>