A Pie chart using gradients for colors. It also has the exploded option set to 5.
This goes in the documents header:<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: 650px; height: 350px" id="chart-container"></div>This is the code that generates the chart:
<script> new RGraph.SVG.Pie({ id: 'chart-container', data: [85,48,13,56,79,95], options: { labels: ['Alf','Berty','Craig','Dean','Elgar','Fliss'], shadow: true, title: 'A Pie chart using gradients', exploded: 5, colors: [ 'Gradient(#faa:red)', 'Gradient(#afa:green)', 'Gradient(#aaf:blue)', 'Gradient(#ffa:yellow)', 'Gradient(#aff:cyan)', 'Gradient(aaaa:gray)', 'Gradient(#ffa:yellow)' ] } }).draw(); </script>