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
>
查看全文
相关阅读:
ECNU-2574 Principles of Compiler
C++调用C#生成的DLL文件的各种问题
EOJ-1708//POJ3334
Linux---弹球游戏
dotfiles管理
js基础的知识整理
关于css的一些知识点整理
HTML5 aria- and role
JS获取非行间样式
Javascript中的数组去重-indexof方法
原文地址:https://www.cnblogs.com/mobile/p/473133.html
最新文章
动态规划答疑篇
动态规划解题套路框架
混沌测试--资源耗尽类故障注入
混沌实验工具ChaosBlade的使用
Python faker生成测试数据
CentOS7安装crmsh(crm)
paramiko下载文件报错:PermissionError: [Errno 13] Permission denied:
数据库高可用浅析(1)
postgresql出错could not create semaphores: No space left on device
CentOS7搭建Pacemaker高可用集群(1)
热门文章
Pacemaker-开源的集群资源管理器
免安装版的MySQL配置--windows
MD5(Message Digest algorithm 5,信息摘要算法)
多线程
Ubuntu环境下手动配置HBase0.94.25
Ubuntu环境下手动配置zookeeper
Ubuntu环境下手动配置tomcat
Ubuntu环境下手动配置Hadoop1.2.1
Ubuntu环境下手动配置openSSH
Ubuntu环境下手动配置Java环境
Copyright © 2011-2022 走看看