Flex PieChart 例子的效果，点击滑出和颜色渐变

 

<? xml version="1.0" encoding="utf-8" ?>
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  width ="516"  height ="386" >
     < mx:Script >
         <![CDATA[
            import mx.charts.HitData;
            private var _selectedRegion:Object;
        
            public function set selectedRegion(item:Object):void
            {
               _selectedRegion = item;

                var index:int = -1;
                for (var i:int=0; i < zhuces.length && index == -1; i++)
                {
                    if (zhuces[i].Name == item.Name)
                        index = i;
                }
                var explodeData:Array = [];
                explodeData[index] = 0.15;
                pcRegion.series[0].perWedgeExplodeRadius = explodeData;
            }
            
            private function regionChange(item:Object):void
            {
                selectedRegion = item;
            }
            
            private function getSliceLabel(item:Object, arg2:String, arg3:Number, arg4:Number):String
            {
                return item == null?"":item.Name + item.Value + "人";
            }
             ]]>
     </ mx:Script >
     < mx:ArrayCollection  id ="zhuces" >
         < mx:Object >
             < mx:Name > 数据1 </ mx:Name >
             < mx:Value > 3 </ mx:Value >
         </ mx:Object >
         < mx:Object >
             < mx:Name > 数据2 </ mx:Name >
             < mx:Value > 9 </ mx:Value >
         </ mx:Object >
         < mx:Object >
             < mx:Name > 数据3 </ mx:Name >
             < mx:Value > 2 </ mx:Value >
         </ mx:Object >
         < mx:Object >
             < mx:Name > 数据4 </ mx:Name >
             < mx:Value > 2 </ mx:Value >
         </ mx:Object >
         < mx:Object >
             < mx:Name > 数据5 </ mx:Name >
             < mx:Value > 2 </ mx:Value >
         </ mx:Object >
         < mx:Object >
             < mx:Name > 数据6 </ mx:Name >
             < mx:Value > 2 </ mx:Value >
         </ mx:Object >
     </ mx:ArrayCollection >
    
      < mx:SeriesInterpolate  id ="interpolate"  elementOffset ="10" />
     
     < mx:PieChart  id ="pcRegion"  
        dataProvider ="{zhuces}"   
        itemClick ="regionChange(event.hitData.item)"
        showDataTips ="true"  width ="496"  height ="366"
        x ="10"  y ="10"  alpha ="0.63"  themeColor ="#ff8000"
         showEffect ="Fide"  hideEffect ="Fide"  moveEffect ="Glow"  
         focusInEffect ="Glow"
         fontFamily ="simsun"  fontSize ="12"
          >
        
         < mx:series >
             < mx:Array >
                 < mx:PieSeries  field ="Value"  nameField ="Name"  labelPosition ="callout"
                  labelFunction ="getSliceLabel"  showDataEffect ="{interpolate}" >
                   < mx:fills >
                     < mx:Array >
                         < mx:RadialGradient >
                             < mx:entries >
                                 < mx:Array >
                                     < mx:GradientEntry  color ="#EF7651"  ratio ="0" />
                                     < mx:GradientEntry  color ="#994C34"  ratio ="1" />
                                 </ mx:Array >
                             </ mx:entries >
                         </ mx:RadialGradient >
                         < mx:RadialGradient >
                             < mx:entries >
                                 < mx:Array >
                                     < mx:GradientEntry  color ="#E9C836"  ratio ="0" />
                                     < mx:GradientEntry  color ="#AA9127"  ratio ="1" />
                                 </ mx:Array >
                             </ mx:entries >
                         </ mx:RadialGradient >
                         < mx:RadialGradient >
                             < mx:entries >
                                 < mx:Array >
                                     < mx:GradientEntry  color ="#6FB35F"  ratio ="0" />
                                     < mx:GradientEntry  color ="#497B54"  ratio ="1" />
                                 </ mx:Array >
                             </ mx:entries >
                         </ mx:RadialGradient >
                         < mx:RadialGradient >
                             < mx:entries >
                                 < mx:Array >
                                     < mx:GradientEntry  color ="#A1AECF"  ratio ="0" />
                                     < mx:GradientEntry  color ="#47447A"  ratio ="1" />
                                 </ mx:Array >
                             </ mx:entries >
                         </ mx:RadialGradient >
                         < mx:RadialGradient >
                             < mx:entries >
                                 < mx:Array >
                                     < mx:GradientEntry  color ="#BA9886"  ratio ="0" />
                                     < mx:GradientEntry  color ="#AE775B"  ratio ="1" />
                                 </ mx:Array >
                             </ mx:entries >
                         </ mx:RadialGradient >
                     </ mx:Array >
                   </ mx:fills >
                 </ mx:PieSeries >
             </ mx:Array >
         </ mx:series >     
     </ mx:PieChart >
     < mx:Label  text ="PieChart Demo"  fontWeight ="bold"  right ="10"  bottom ="10" />
     < mx:Legend  x ="10"  y ="10"  dataProvider ="{pcRegion}" />
</ mx:Application >