Fruit consumed at the luncheon
This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.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>
bar = new RGraph.Bar({
id: 'cvs',
data: [248,243,180,160,120,43],
options: {
colors: ['black'],
labelsAbove: true,
labelsAboveSpecific: ['Apples', 'Oranges', 'Kiwi', 'Grapes', 'Mango', 'Kum-quat'],
labelsAboveSize: 12,
marginTop: 50,
marginLeft: 150,
marginBottom: 25,
variant: 'sketch',
variantSketchVerticals: true,
yaxisLabelsSpecific: ['Lots', 'Not so much'],
textFont: 'Comic sans MS',
textSize: 18,
backgroundGrid: false
}
}).draw();
</script>