Mega Code Archive

 
Categories / Flex / Chart
 

PieChart vs ColumnChart

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#EEEEEE">   <mx:Style>   @namespace mx "http://www.adobe.com/2006/mxml";     mx|ColumnSeries     {       fill:#000000;     }     mx|ColumnChart, DataGrid     {       font-size:12;       font-weight:bold;     }   </mx:Style>   <mx:ArrayCollection id="salesData">     <mx:Object>       <mx:fruit>A</mx:fruit>       <mx:sales>4</mx:sales>     </mx:Object>     <mx:Object>       <mx:fruit>B</mx:fruit>       <mx:sales>2</mx:sales>     </mx:Object>     <mx:Object>       <mx:fruit>C</mx:fruit>       <mx:sales>5</mx:sales>     </mx:Object>   </mx:ArrayCollection>   <mx:Spacer height="20"/>   <mx:ColumnChart dataProvider="{salesData}" width="500" height="100%">     <mx:horizontalAxis>       <mx:CategoryAxis dataProvider="{salesData}" categoryField="fruit"/>     </mx:horizontalAxis>     <mx:series>       <mx:ColumnSeries xField="fruit" yField="sales" displayName="Sales"/>     </mx:series>   </mx:ColumnChart>      <mx:PieChart dataProvider="{salesData}">     <mx:series>       <mx:PieSeries field="sales" nameField="fruit" labelField="fruit" labelPosition="inside"/>     </mx:series>   </mx:PieChart>    </mx:Application>