zoukankan
html css js c++ java
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
>
查看全文
相关阅读:
实现一个简单的Form授权 How to: Implement Simple Forms Authentication
寄存器寻址方式
HDU2094 产生冠军
HDU1060 Leftmost Digit 数论
HDU1496 Equations [hash]
HDU1298 T9 字典树 DFS
HDU1051 Wooden Sticks
HDU1800 Flying to the Mars
HDU1285 确定比赛名次 拓扑排序
HDU1716 排列2 组合数
原文地址:https://www.cnblogs.com/mobile/p/473133.html
最新文章
C#读写文件总结
C#数组
数组集合ArrayList
转载:为什么我们不要.net程序员
flex 属性绑定
图层控制
关于聚合还是继承
C#抽象类简述
关于编程控制CPU使用率的笔记
常用的JavaScript验证正则表达式(转帖)
热门文章
C# 中的常用正则表达式总结
window.open方法的使用
关于位枚举
正则表达式30分钟入门教程
查询sql 中 null 字段
gdb常用的几个命令
#define 宏与#,##
Copy Control Example
Memcached windows 下安装与测试
[Intel® 64 and IA32 Architectures Software Developer's Manuals]Intel架构软件开发手册
Copyright © 2011-2022 走看看