# An SVG Pie chart using the roundRobin effect

Here's a Pie chart that has one of the segments exploded and which is using the roundRobin effect. It uses gradients for the colours.

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,
                exploded: [0,25],
                colors: [
                    'Gradient(white:red)',
                    'Gradient(white:pink)',
                    'Gradient(white:blue)',
                    'Gradient(white:yellow)',
                    'Gradient(white:#f0f)',
                    'Gradient(white:brown)',
                    'Gradient(white:gray)'
                ]
            }
        }).roundRobin();
    </script>