小小菜鸟的web菜园子

web开发学习。好记性不如烂笔头。每天进步一点点!

导航

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>

posted on 2008-04-26 19:46  『小小菜鸟』  阅读(511)  评论(0编辑  收藏  举报