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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值