<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="#EEEEEE" layout="horizontal">
<mx:Style>
@namespace mx "http://www.adobe.com/2006/mxml";
mx|AreaSeries {
stroke-width:2;
stroke-color:black;
fills:#333333,#999999,#CCCCCC;
}
</mx:Style>
<mx:Model id="trendModel">
<data>
<row>
<quarter>Q1 2010</quarter>
<sales>1</sales>
</row>
<row>
<quarter>Q2 2010</quarter>
<sales>4</sales>
</row>
<row>
<quarter>Q3 2010</quarter>
<sales>2</sales>
</row>
<row>
<quarter>Q4 2010</quarter>
<sales>3</sales>
</row>
</data>
</mx:Model>
<mx:ArrayCollection id="trendData" source="{trendModel.row}"/>
<mx:Panel title="Area Chart" height="100%" width="100%">
<mx:AreaChart dataProvider="{trendData}"
height="100%" width="100%">
<mx:horizontalAxis>
<mx:CategoryAxis dataProvider="{trendData}" categoryField="quarter"/>
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries xField="quarter" yField="sales"/>
</mx:series>
</mx:AreaChart>
</mx:Panel>
</mx:Application>
|
