# A Pie chart example of "explode when clicked"

Here we have a Pie chart which by default is exploded - and when each segment is clicked the selected segment explodes further. It's not a default option, but the code required to do it is minimal and shown below.

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.common.dynamic.js"></script>
    <script src="RGraph.common.effects.js"></script>
    <script src="RGraph.pie.js"></script>

Put this where you want the chart to show up:

    <div style="float: right; border: 1px solid gray">
        <canvas id="cvs" width="450" height="250">[No canvas support]</canvas>
    </div>

This is the code that generates the chart - it should be placed AFTER the canvas tag(s):