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>

  • 相关阅读:
    ECNU-2574 Principles of Compiler
    C++调用C#生成的DLL文件的各种问题
    EOJ-1708//POJ3334
    Linux---弹球游戏
    dotfiles管理
    js基础的知识整理
    关于css的一些知识点整理
    HTML5 aria- and role
    JS获取非行间样式
    Javascript中的数组去重-indexof方法
  • 原文地址:https://www.cnblogs.com/mobile/p/473133.html
Copyright © 2011-2022 走看看