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>

评论

1 楼 sekiyika 2009-11-15  

NB，参考下啦，谢