This demo of an SVG Pie chart is a regular Pie chart thats had some
post-drawing added to it that's giving the Pie chart a banded appearance.
The Pie is exploded
by 5 pixels in order to give the appearance
of some lines emanating from the center and the chart uses the
donut
option to get the large hole in the center. The round
white lines are spaced apart by 5 pixels. And finally the chart uses the
roundRobin()
effect.
<script src="RGraph.svg.common.core.js"></script> <script src="RGraph.svg.pie.js"></script>Put this where you want the chart to show up:
<div style="width: 350px; height: 300px; border: 1px solid #ddd" id="cc"></div> [No canvas support] </div>This is the code that generates the chart: