With a Pie chart the segments all have the same radius. The Rose chart can be customised to show a Pie chart with variable radius segments
<script src="RGraph.common.core.js"></script> <script src="RGraph.common.dynamic.js"></script> <script src="RGraph.common.tooltips.js"></script> <script src="RGraph.rose.js"></script>Put this where you want the chart to show up:
<div style="padding: 50px"> <canvas id="cvs" width="450" height="450" style="border: 1px solid #ddd">[No canvas support]</canvas> </div>This is the code that generates the chart:
<script> new RGraph.Rose({ id: 'cvs', data: [[50,53],[51,52],[52,56],[51,25],[55,12]], options: { margin: 2, variant: 'non-equi-angular', backgroundGridColor: 'rgba(0,0,0,0)', labelsAxes: '', colorsAlpha: 1, colors: ['red','blue','green','pink','black','yellow','cyan','brown', 'blue', 'pink'], colorsSequential: true, colorsStroke: 'transparent', labels: ['Richard','Robert','Rico','Ray','Raife','Ryan','Roland'], tooltips: ['Richard','Robert','Rico','Ray','Raife','Ryan','Roland'], shadow: true } }).roundRobin({frames: 60}); </script>