Flex3点滴(1)饼图主要属性图示说明

 

上图原码：

 

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" paddingTop="0" paddingLeft="0" paddingRight="0" paddingBottom="0" layout="absolute"> <mx:Script> <!--[CDATA[ import mx.collections.ArrayCollection; [Bindable] private var arrcol:ArrayCollection=new ArrayCollection([ {Year:"2000年",Count:5}, {Year:"2002年",Count:10}, {Year:"2004年",Count:50} ]) private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String { var temp:String= (" " + percentValue).substr(0,6); return data.Year + ": " + '/n' + "Total Gold: " + data.Count + '/n' + temp + "%"; } ]]--> </mx:Script> <mx:SolidColor id="sc1" color="blue" alpha=".6"/> <mx:SolidColor id="sc2" color="red" alpha=".6"/> <mx:SolidColor id="sc3" color="yellow" alpha=".6"/> <mx:Stroke id="callouts" weight="2" color="green" alpha=".8" caps="square"/><!-- 定义引出线样式 --> <mx:Stroke id="radial" weight="1" color="white" alpha="1"/><!-- 扇形之间线样式 --> <mx:Stroke id="pieborder" color="red" weight="2" alpha="1"/><!-- 圆外边线样式 --> <mx:Panel x="0" y="0" width="100%" height="100%" layout="absolute"> <mx:PieChart x="190" y="103" id="piechart1" dataProvider="{arrcol}" showDataTips="true"> <mx:series> <mx:PieSeries nameField="Year" field="Count" labelPosition="callout" labelFunction="displayGold" fills="{[sc1,sc2,sc3]}" calloutStroke="{callouts}" radialStroke="{radial}" stroke="{pieborder}" /> <!-- 对应图例名称，要对比的部分，标注的位置，显示标注内容的回调处理函数 --> <!-- 扇形填充颜色，引出线样式，扇形之间的边样式，图例及圆饼图的外边样式 --> </mx:series> </mx:PieChart> <mx:Legend dataProvider="{piechart1}" x="97" y="313" height="156"/> </mx:Panel> </mx:Application>