Flex3 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"
				 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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值