<?xml version="1.0"?>
<!-- バブルチャートの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

<mx:Script>
<![CDATA[

var expenses = [{Month:"Jan", Profit:2000, Expenses:1500, Amount: 450},
{Month:"Feb", Profit:1000, Expenses:200, Amount: 600},
{Month:"Mar", Profit:1500, Expenses:500, Amount: 300}
                         ]

    ]]>
</mx:Script>

<mx:Panel title="Bubble Chart Panel" height="100%" width="100%">

<mx:Style>
            
@font-face
                {
src:local("Arial");
font-family:labelFont;
font-style:italic;
font-weight:bold;
                }
BubbleChart
                {
font-family:labelFont;
color:#000099;
                }

</mx:Style>


<mx:BubbleChart id="bubblechart" axisTitleStyle="labelFont" marginLeft="5" height="100%" width="100%"
marginRight="5" dataProvider="{expenses}" showDataTips="true" maxRadius="20">

<mx:horizontalAxisRenderer>
<mx:AxisRenderer title="Profit"/>
</mx:horizontalAxisRenderer>

<mx:verticalAxisRenderer>
<mx:AxisRenderer title="Expenses"/>
</mx:verticalAxisRenderer>

<mx:series>
<mx:Array>
<mx:BubbleSeries name="Profit/Expenses/Amount" xField="Profit" yField="Expenses" radiusField="Amount"/>
</mx:Array>
</mx:series>
            
</mx:BubbleChart>
<mx:Legend dataProvider="bubblechart"/>

</mx:Panel>

</mx:Application>