Mega Code Archive

 
Categories / Flex / Chart
 

Show data tops for Bubble Chart

<?xml version="1.0"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">   <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="LineChart Example" width="100%" height="100%">     <mx:BubbleChart id="bubbleChart" height="100%" width="100%"       paddingRight="5" paddingLeft="5" showDataTips="true" maxRadius="20"       dataProvider="{productSales}">       <mx:series>         <mx:BubbleSeries displayName="PC/Mac/Software"            xField="PC" yField="Mac" radiusField="Software"/>       </mx:series>             <mx:horizontalAxis>         <mx:LinearAxis title="PC" />       </mx:horizontalAxis>             <mx:verticalAxis>         <mx:LinearAxis title="Mac" />       </mx:verticalAxis>        </mx:BubbleChart>             <mx:Legend dataProvider="{bubbleChart}" direction="horizontal"/>   </mx:Panel> </mx:Application>