flex图表

这两天看了一下图表，在这里我就贴出API里面的一段代码，然后对其进行解释

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[         
        import mx.collections.ArrayCollection;

        [Bindable]
        private var medalsAC:ArrayCollection = new ArrayCollection( [
            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
            { Country: "China", Gold: 55, Silver:17, Bronze: 14 },
            { Country: "Russia", Gold: 10, Silver:27, Bronze: 38 } ]);
   
        private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String 　　　　　　{
            var temp:String= (" " + percentValue).substr(0,6);
            return data.Country + ": " + '\n' + "Total Gold: " + data.Gold + '\n' + temp + "%";
        }
        ]]>
    </mx:Script>

    <!-- Define custom colors for use as pie wedge fills. -->
    <mx:SolidColor id="sc1" color="blue" alpha=".6"/><!--solidColor是用来填充的颜色，它有begin和end两个方法来开始填充和结束填充 -->
    <mx:SolidColor id="sc2" color="red" alpha=".6"/>
    <mx:SolidColor id="sc3" color="0x663300" alpha=".6"/>

    <!-- This Stroke is used for the callout lines. -->
    <mx:Stroke id="callouts" weight="2" color="0x999999" alpha=".8" caps="square"/>
    <!--stroke是用来定义线条的样式-->
    <!-- This Stroke is used to separate the wedges in the pie. -->
    <mx:Stroke id="radial" weight="1" color="0xFFFFCC" alpha=".3"/>

    <!-- This Stroke is used for the outer border of the pie. -->
    <mx:Stroke id="pieborder" color="0x000000" weight="2" alpha=".5"/>

    <mx:Panel title="Olympics 2004 Medals Tally Panel" height="100%" width="100%">

      <!--pieChart也即是饼图

　　　-->
        <mx:PieChart id="chart" 　　　
            height="100%"
            width="100%"
            paddingRight="5"
            paddingLeft="5"
            showDataTips="true"
            dataProvider="{medalsAC}"
        >         
            <!--
             nameField:指的是左下方的提示的文字
             field:根据这个值来决定显示出来的每部分的大小
             stroke:大图的外边框线条的属性及左下方的提示图片的外边框线条
             calloutStroke:图片的每部分与图片外部的注解之间的线条样式
             radialStroke:图片的每部分之间间隔的线条的样式
             fills:每个部分的颜色
             labelFunction:指定提示文字的位置
            -->
            <mx:series>
                <mx:PieSeries
                    nameField="Country"
                    labelPosition="callout"
                    field="Gold"
                    labelFunction="displayGold"
                    calloutStroke="{callouts}"
                    radialStroke="{radial}"
                    stroke="{pieborder}"
                    fills="{[sc1, sc2, sc3]}"
                >
                    <!-- Clear the drop shadow filters from the chart. -->
                    <mx:filters>  <!-- 如果不加filters这个标签，则会出来阴影，加上则没有 -->
                        <mx:Array/>
                    </mx:filters>
                </mx:PieSeries>
            </mx:series>
        </mx:PieChart> 
        <mx:Legend dataProvider="{chart}"/>

       <!--Legend向图表添加图例-->
    </mx:Panel>
</mx:Application>