zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Working with WordprocessingML documents (Open XML SDK)
    How to Choose the Best Way to Pass Multiple Models in ASP.NET MVC
    Azure:Manage anonymous read access to containers and blobs
    Convert HTML to PDF with New Plugin
    location.replace() keeps the history under control
    On the nightmare that is JSON Dates. Plus, JSON.NET and ASP.NET Web API
    HTTP Modules versus ASP.NET MVC Action Filters
    解读ASP.NET 5 & MVC6系列(6):Middleware详解
    Content Negotiation in ASP.NET Web API
    Action Results in Web API 2
  • 原文地址:https://www.cnblogs.com/mobile/p/473133.html
Copyright © 2011-2022 走看看