Mega Code Archive

 
Categories / Flex / Chart
 

Set up legend for Bar chart

<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#FFFFFF">   <mx:Script>          import mx.collections.ArrayCollection;     [Bindable]     private  var  productSales:ArrayCollection = new ArrayCollection( [             { Quarter: "1", PC: 10, Mac: 3, Software: 1, Total: 14 },             { Quarter: "2", PC: 12, Mac: 4, Software: 2, Total: 18 },             { Quarter: "3", PC: 15, Mac: 8, Software: 5, Total: 28 },             { Quarter: "4", PC: 20, Mac: 10, Software: 9, Total: 39 }             ]);      </mx:Script>   <mx:Panel title="BarChart Example" width="100%" height="100%" >     <mx:BarChart id="barChart" height="100%" width="100%"        paddingLeft="5" paddingRight="5"        showDataTips="true" dataProvider="{productSales}">                   <mx:verticalAxis>         <mx:CategoryAxis categoryField="Quarter"/>       </mx:verticalAxis>                 <mx:series>         <mx:BarSeries yField="Quarter" xField="PC" displayName="PC"/>         <mx:BarSeries yField="Quarter" xField="Mac" displayName="Mac"/>         <mx:BarSeries yField="Quarter" xField="Software" displayName="Software"/>       </mx:series>     </mx:BarChart>     <mx:Legend dataProvider="{barChart}" direction="horizontal"/>   </mx:Panel> </mx:Application>