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>

原文地址:https://www.cnblogs.com/mobile/p/473133.html