PieChart示例（二）

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" >
	<s:layout>
		<s:VerticalLayout verticalAlign="middle">
			
		</s:VerticalLayout>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.effects.easing.*;
			import mx.charts.series.items.PieSeriesItem;
			import mx.charts.events.ChartItemEvent;
			
			private function pieChart_itemClick(evt:ChartItemEvent):void {
				var item:PieSeriesItem = evt.hitData.chartItem as PieSeriesItem;
				var degrees:Number = radiansToDegrees(item.startAngle);
				var arr:Array = [];
				if (checkBox.selected) {
					arr[item.index] = 0.3;
				}
				pieSeries.perWedgeExplodeRadius = arr;
				pieSeries.startAngle -= degrees;
				
				 dp.refresh(); 
			}
			
			private function radiansToDegrees(radians:Number):Number {
				return radians * (180 / Math.PI);
			}
		]]>
	</fx:Script>
	<fx:Declarations>
		<s:XMLListCollection id="dp">
			<s:source>
				<fx:XMLList >
					<product label="Product 1" data="3" />
					<product label="Product 2" data="1" />
					<product label="Product 3" data="4" />
					<product label="Product 4" data="1" />
					<product label="Product 5" data="5" />
					<product label="Product 6" data="9" />
				</fx:XMLList>
			</s:source>
		</s:XMLListCollection>
	</fx:Declarations>
	
	<mx:ApplicationControlBar dock="true">
		<mx:CheckBox id="checkBox"
					 label="Use perWedgeExplodeRadius:"
					 labelPlacement="left"
					 selected="true" />
	</mx:ApplicationControlBar>
	<!-- showDataTips显示数据提示-->
	<mx:PieChart id="pieChart"
				 dataProvider="{dp}"
				 showDataTips="true"
				 itemClick="pieChart_itemClick(event);"
				 height="100%"
				 width="100%">
		<mx:series>
			<mx:PieSeries id="pieSeries"
						  field="@data"
						  nameField="@label">
				<mx:showDataEffect>
					<mx:SeriesInterpolate duration="1500"
										  easingFunction="{Elastic.easeOut}" />
				</mx:showDataEffect>
				<mx:filters>
					<mx:DropShadowFilter />
				</mx:filters>
			</mx:PieSeries>
		</mx:series>
	</mx:PieChart>
	<!--显示饼图说明-->
	<mx:Legend dataProvider="{pieChart}" direction="horizontal" />
</s:Application>