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>

  • 相关阅读:
    [LeetCode]2. Add Two Numbers链表相加
    Integration between Dynamics 365 and Dynamics 365 Finance and Operation
    向视图列添加自定义图标和提示信息 -- PowerApps / Dynamics365
    Update the Power Apps portals solution
    Migrate portal configuration
    Use variable to setup related components visible
    Loyalty management on Retail of Dynamic 365
    Modern Fluent UI controls in Power Apps
    Change screen size and orientation of a canvas app in Power App
    Communication Plan for Power Platform
  • 原文地址:https://www.cnblogs.com/mobile/p/473133.html
Copyright © 2011-2022 走看看