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
>
查看全文
相关阅读:
问题解决:访问自己搭建网页时出现:此地址使用了一个通常用于网络浏览以外的端口。出于安全原因,Firefox 取消了该请求。
cracer教程5----漏洞分析(下)
cracer教程3----信息收集
linux3
pwdump7的用法及其hash值解密
maven scope含义的说明
Spark2.0协同过滤与ALS算法介绍
Jmeter压力测试工具安装及使用教程
过滤器(Filter)与拦截器(Interceptor )区别
@Value()读取配置文件属性,读出值为null的问题
原文地址:https://www.cnblogs.com/mobile/p/473133.html
最新文章
SA详细注释不压行代码
后缀数组SA入门(史上最晦涩难懂的讲解)
「专题总结」LCT 2
「专题总结」LCT入门
[考试反思]1219省选模拟3: 释怀
[考试反思]1218省选模拟2: 告诫
[考试反思]1217省选模拟1: 苟且
「专题总结」可持久化数据结构
「专题总结」多项式(STAGE 1)
「专题总结」各种数和各种反演(所谓FFT的前置知识?)
热门文章
按位或:多项式,FWT,min-max容斥
bzoj5093图的价值:多项式,斯特林数(二项式反演)
一个人的数论:莫比乌斯反演,伯努利数
礼物:多项式
[bzoj3456]城市规划:多项式,分治
kali安装中文输入法的正确方式
ctf--两个图片盲水印的解法
[转载]SQL注入绕过技巧汇总
搭建xss平台
sql server安装
Copyright © 2011-2022 走看看