PieChart组件,单击击某部分的挤出插入动作.

itemClick事件
perWedgeExplodeRadius属性
示例:


代码:
<? xml version="1.0" encoding="utf-8" ?>
<!--  http://blog.flexexamples.com/2007/11/06/exploding-wedges-in-a-flex-piechart-control/  -->
< mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"
        layout
="vertical"
        verticalAlign
="middle"
        backgroundColor
="white" >

    
< mx:Script >
        
<![CDATA[
            import mx.charts.events.ChartItemEvent;

            private function pieChart_itemClick(evt:ChartItemEvent):void {
                var arr:Array = [];
                arr[evt.hitData.chartItem.index] = 0.2;
                pieSeries.perWedgeExplodeRadius = arr;
            }
        
]]>
    
</ mx:Script >

    
< mx:XML  id ="dp" >
        
< products >
            
< product  label ="Product 1"  data ="3"   />
            
< product  label ="Product 2"  data ="1"   />
            
< product  label ="Product 3"  data ="4"   />
            
< product  label ="Product 4"  data ="1"   />
            
< product  label ="Product 5"  data ="5"   />
            
< product  label ="Product 6"  data ="9"   />
        
</ products >
    
</ mx:XML >

    
< mx:PieChart  id ="pieChart"
            dataProvider
=" {dp.product} "
            selectionMode
="single"
            showDataTips
="true"
            itemClick
="pieChart_itemClick(event);"
            height
="250"
            width
="100%" >
        
< mx:series >
            
< mx:PieSeries  id ="pieSeries"  field ="@data" >
                
< mx:stroke >
                    
< mx:Stroke  color ="black"  weight ="0"   />
                
</ mx:stroke >
                
< mx:filters >
                    
< mx:Array  />
                
</ mx:filters >
            
</ mx:PieSeries >
        
</ mx:series >
    
</ mx:PieChart >

</ mx:Application >

你可能感兴趣的:(chart)