Techonology sales by year
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.key.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>
line = new RGraph.Line({
id: 'cvs',
data: [
[0,1.4,2.1,2.8,3.5,3.5,4.8],
[7, 8.2, 8.5, 9.1, 9.2, 9.2, 9.5],
[0.9,1.1,0.8,0.5,0.6,0.8,1],
[4,6,18,35,36,43,48],
[0,2,5,8,6,9,15]
],
options: {
xaxisLabels: ['2007','2008','2009','2010','2011','2012','2013'],
filled: true,
yaxisScaleUnitsPost: 'bn',
yaxisScaleUnitsPre: '$',
marginLeft: 50,
linewidth: 0.001,
colorsStroke: 'rgba(0,0,0,0)',
colors: ['#FF4CF4','#158EFF','#7594B0','#655165','#CA86CB'],
key: ['iPads','iPhones','iPods','Computers','Other'],
keyPosition: 'margin',
tickmarksStyle: null,
xaxisTickmarksCount: 6,
backgroundGridVlinesCount:6
}
}).draw();
</script>