<?xml version="1.0"?> <!-- Simple example to demonstrate the LineChart and AreaChart controls. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script> <![CDATA[

import mx.collections.ArrayCollection;

[Bindable] private var expensesAC:ArrayCollection = new ArrayCollection( [ { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 }, { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 }, { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 }, { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 }, { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]); ]]> </mx:Script>

    <mx:Panel title="LineChart and AreaChart Controls Example" height="100%" width="100%" layout="horizontal">

        <mx:LineChart id="linechart" height="100%" width="45%" paddingLeft="5" paddingRight="5" showDataTips="true" dataProvider="{expensesAC}">
                
            <mx:horizontalAxis> <mx:CategoryAxis categoryField="Month"/> </mx:horizontalAxis>

            <mx:series> <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/> <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/> <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/> </mx:series> </mx:LineChart>

        <mx:Legend dataProvider="{linechart}"/>

        <mx:AreaChart id="Areachart" height="100%" width="45%" paddingLeft="5" paddingRight="5" showDataTips="true" dataProvider="{expensesAC}">
                 
            <mx:horizontalAxis> <mx:CategoryAxis categoryField="Month"/> </mx:horizontalAxis>

            <mx:series> <mx:AreaSeries yField="Profit" form="curve" displayName="Profit"/> <mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses"/> <mx:AreaSeries yField="Amount" form="curve" displayName="Amount"/> </mx:series> </mx:AreaChart>
            
        <mx:Legend dataProvider="{Areachart}"/>

    </mx:Panel> </mx:Application>