Search Flex Components Free

Custom Search

December 27, 2007

Bubble charts in flex

Creat a New mxml file:
bubbleChart.mxml

<?xml version=”1.0″?>
<mx:Application xmlns:mx=”
http://www.adobe.com/2006/mxml “>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var expenses:ArrayCollection = new ArrayCollection([
{Month: “Jan”, Profit: 2000, Expenses: 120, Amount: 45},
{Month: “Feb”, Profit: 1000, Expenses: 200, Amount: 60},
{Month: “Mar”, Profit: 1500, Expenses: 500, Amount: 30}]);
]]>
</mx:Script>
<mx:Panel title=”Bubble Chart”>
<mx:BubbleChart maxRadius=”50″ dataProvider=”{expenses}”
showDataTips=”true”>
<mx:series>
<mx:BubbleSeries xField=”Profit” yField=”Expenses” radiusField=”Amount”/>
</mx:series>
</mx:BubbleChart>
</mx:Panel>
</mx:Application>

Related Flex Tutorials