Flex3 PieChart 例子

来源:互联网 发布:剑侠情缘网络经典版 编辑:程序博客网 时间:2024/06/04 17:56
<?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" 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>