# A Bar chart with animated Pie chart

This demo shows a simple effect using the Pie chart RoundRobin effect.

This goes in the documents header:

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

Put this where you want the chart to show up:

    <canvas id="cvs" width="600" height="250">
        [No canvas support]
    </canvas>

This is the code that generates the chart:

    <script>
        window.onload = function ()
        {
            var bar = new RGraph.Bar({
                id: 'cvs',
                data: [5,4,5,6,8,5,3],
                options: {
                    gutterBottom: 40,
                    labels: ['Monday','\r\nTuesday','Wednesday','\r\nThursday','Friday','\r\nSaturday','Sunday'],
                    strokestyle: 'rgba(0,0,0,0)',
                    backgroundGridVlines: false,
                    backgroundGridBorder: false,
                    noyaxis: true,
                    textAccessible: true
                }
            }).draw();

            var pie = new RGraph.Pie({
                id: 'cvs',
                data: [4,8,6],
                options: {
                    centerx: 60,
                    centery: 60,
                    radius: 25,
                    exploded: [5],
                    strokestyle: 'rgba(0,0,0,0)',
                    shadow: true,
                    strokestyle: '#fff',
                    linewidth: 1
                }
            }).roundRobin({frames: 30, radius: false});
        };
    </script>