A basic Pie chart
A simple Pie chart that shows off the label sticks to good effect. As far as the Pie chart itself goes there's not a whole lot to it - the tooltips and labels both use the same array (which is defined just above the chart itself).
The shadow is turned off (set to a transparent color) and the stroke color is also set to
transparent. The Pie chart also uses the
roundRobin() animation effect.
With smaller screens the labels are disabled and a key is used instead. This takes up a little extra space so that the chart fits better in the available space.
The tooltips have been customised using formatted tooltips and the
This goes in the documents header:
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.common.tooltips.js"></script> <script src="RGraph.pie.js"></script>Put this where you want the chart to show up:
<div> <canvas id="cvs" width="350" height="250">[No canvas support]</canvas> </div>This is the code that generates the chart - it should be placed AFTER the canvas tag(s):