Flex pipeChart单元分离突出显示

<?xml version="1.0" encoding="utf-8"?>  
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  
<mx:Script>  
<![CDATA[ 
import mx.collections.ArrayCollection;           
import mx.charts.HitData; 
import mx.effects.easing.*;  
[Bindable] 
public var chengjiPie:ArrayCollection = new ArrayCollection( [ 
{ classs: "60分以下", num: 5 }, 
{ classs: "60~70分", num: 4 }, 
{ classs: "70~80分", num:5}, 
{ classs: "80~90分", num: 4}, 
{ classs: "90分以上", num: 3}]); 

private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String { 
var temp:String= (" " + percentValue).substr(0,6); 
return data.classs + ": " +  '\n' + temp + "%"; 


//以下是弹出对应的单元
private var _selectedRegion:Object; 

public function get selectedRegion():Object 

return _selectedRegion; 


public function set selectedRegion(item:Object):void 

_selectedRegion = item; 

var index:int = -1; 
for (var i:int=0; i < chengjiPie.length && index == -1; i++) 

if (chengjiPie[i].classs == item.classs) 
index = i; 


var explodeData:Array = []; 
explodeData[index] = 0.15; 
chart.series[0].perWedgeExplodeRadius = explodeData; 


private function regionChange(item:Object):void 

selectedRegion = item; 
dispatchEvent(new Event("regionChange")); 





]]>  

</mx:Script>  
<mx:Panel  height="100%" width="100%" layout="absolute" fontSize="12">  

<mx:PieChart id="chart"  showDataTips="true" width="100%" height="100%"  
itemClick="regionChange(event.hitData.item)"  dataProvider="{chengjiPie}"  horizontalCenter="0" verticalCenter="0">  

<mx:series>  
<mx:Array>  
<mx:PieSeries nameField="classs" labelPosition="callout"  field="num"   
 labelFunction="displayGold" >  
<mx:showDataEffect>   
<mx:SeriesInterpolate duration="1500" easingFunction="{Elastic.easeOut}" />  <!--文字效果时间 -->
</mx:showDataEffect>   
</mx:PieSeries>  
</mx:Array>  
</mx:series>  

</mx:PieChart>   
<mx:Legend dataProvider="{chart}" right="0" bottom="0"/>  
</mx:Panel>  

</mx:Application>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值