会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Blog
C0#1J0a1v0a1r0u0b1y0r1a1i1ls0f0l0e0x01
首页
新随笔
联系
管理
订阅
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
>
posted @
2006-08-10 12:00
Liren
阅读(
3334
) 评论(
2
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告