<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/24/animating-data-changes-in-a-flex-pie-chart/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="initDP();" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
            private const MAX_ITEMS:uint = 10;

            private function initDP():void {
                var i:uint;
                dp = [];
                for (i = 0; i < MAX_ITEMS; i++) {
                    dp.push({data:getRandomUint(100), label:"item " + i});
                }
            }

            private function getRandomUint(max:uint):uint {
                return Math.round(Math.random() * max);
            }
        ]]>
    </mx:Script>

    <mx:Array id="dp" />

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Change Data"
                click="initDP();" />
    </mx:ApplicationControlBar>

    <mx:PieChart id="chart"
            height="100%"
            width="100%"
            dataProvider="{dp}">
        <mx:series>
            <mx:PieSeries field="data">
                <mx:showDataEffect>
                    <mx:SeriesInterpolate duration="1000" />
                </mx:showDataEffect>
            </mx:PieSeries>
        </mx:series>
    </mx:PieChart>

</mx:Application>