Things to release at a wedding
Here's a nice, amusing chart that's rather different to the other charts that are shown on this site.
It uses the
variant: 'sketch' option so that instead of the normal style that
Bar charts are drawn with the chart is drawn with a sketchy style. The title also uses this
font though it's rendered with an <h1> tag instead of a title on the canvas.
The Y axis labels are done using the
yaxisLabelsSpecific option with just two labels -
so one appears at the top and one at the bottom.
The font that's used by the chart is set by setting the
textFont property (which is
the default font for the chart) and is set to
Comic San MS which complements the
style of the chart well.
labelsAboveSpecific options are used to get the
text that appears above the bars - and this text ends up using the default font that is set on
the chart (
Comic Sans MS).
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: