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
>
查看全文
相关阅读:
error和exception有什么区别?
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)->(一千零一拾一元整)输出?
HTTP请求的GET与POST方式的区别
解释一下什么是servlet?
参数Parameters、变量Variables
数据库事务的四大隔离级别以及处理的问题
redis安装
CVB生命周期(APIView源码解析)
前端页面渲染机制
Django基础之request
原文地址:https://www.cnblogs.com/mobile/p/473133.html
最新文章
计算1/1-1/2+1/3-1/4+1/5 …… + 1/99
求出0~999之间的所有“水仙花数”并输出。(“水仙花数”是指一个三位数,其各位数字的立方和确好等于该数本 身,如;153=1+5+3?,则153是一个“水仙花数“。)
完成猜数字游戏 ,用户输入数字,判断该数字是大于,小于,还是等于随机生成的数字,等于的时候退出程序。
打印 X 图形
根据输入的年龄, 来打印出当前年龄的人是少年
我们怎样才能在动作类中获得Servlet API请求,响应,HttpSession等对象?
一个Redis实例最多能存放多少的keys?List、Set、Sorted Set他们最多能存放多少元素?
简述Shiro的核心组件?
Shiro认证过程?
Collection集合的相关介绍
热门文章
spring中的模式
什么是IMAP?什么是POP3?
JDBC的ResultSet是什么?
Eureka和ZooKeeper都可以提供服务注册与发现的功能,请说说两个的区别?
forward 和redirect的区别 ?
XML 用途、
通过 XML 您可以发明自己的标签
XML 和 HTML 之间的差异、XML 不会做任何事情
XML 简介、什么是 XML?
运行时异常与一般异常有何异同?
Copyright © 2011-2022 走看看