<script src="RGraph.common.core.js"></script> <script src="RGraph.common.key.js"></script> <script src="RGraph.pie.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="475" height="350" > [No canvas support] </canvas>This is the code that generates the chart:
<script> window.onload = function () { var pie = new RGraph.Pie({ id: 'cvs', data: [41,37,16,3,3], options: { variant: 'pie', radius: 75, centerx: 170, linewidth: 2, strokestyle: 'white', shadow: false, textAccessible: true } }).roundRobin(); var donut1 = new RGraph.Pie({ id: 'cvs', data: [36,42,8,10,4], options: { variant: 'donut', radius: 100, centerx: 170, variantDonutWidth: 50, linewidth: 2, strokestyle: 'white', shadow: false, textAccessible: true } }).roundRobin(); var donut2 = new RGraph.Pie({ id: 'cvs', data: [40,35,10,7,8], options: { key: ['Internet Explorer','Chrome','Firefox','Safari','Opera'], keyColors: ['red','#ccc','#0f0','blue','pink'], keyPositionGraphBoxed: false, keyPositionY: 125, variant: 'donut', radius: 125, centerx: 170, variantDonutWidth: 35, linewidth: 2, strokestyle: 'white', shadow: false, textAccessible: true } }).roundRobin(); }; </script>