<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="/mxml/2009"
xmlns:s="library:///flex/spark"
xmlns:mx="library:///flex/mx"
width="100%" height="100%">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<s:SolidColor color="0x00BFFF" alpha=".3"/>
<mx:SolidColorStroke color="0x00BFFF" weight="2"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
import ;
//Combination diagram data binding
[Bindable]
private var gridArray:ArrayCollection = new ArrayCollection([
{quarter:"First quarter",Monday:"78454",Tuesday:"45454",Wednesday:"12012",Thursday:"78441",Friday:"32314",Saturday:"89454",Sunday:"45421",Rate:"23"},
{quarter:"Quarter 2",Monday:"56444",Tuesday:"65612",Wednesday:"78454",Thursday:"45124",Friday:"35451",Saturday:"45421",Sunday:"65421",Rate:"47"},
{quarter:"Quarter 3",Monday:"51210",Tuesday:"94210",Wednesday:"65643",Thursday:"45011",Friday:"45122",Saturday:"45421",Sunday:"65988",Rate:"13"},
{quarter:"Fourth quarter",Monday:"61210",Tuesday:"45122",Wednesday:"65323",Thursday:"95110",Friday:"65623",Saturday:"45111",Sunday:"65311",Rate:"17"}
]);
]]>
</fx:Script>
<mx:VBox width="100%" height="100%">
<mx:ColumnChart width="100%" height="90%" showDataTips="true" fontSize="16" dataProvider="{gridArray}">
<!--Set horizontal coordinate axis-->
<mx:horizontalAxis>
<mx:CategoryAxis dataProvider="{}" categoryField="quarter"/>
</mx:horizontalAxis>
<!--Set the maximum and minimum values of the left vertical axis-->
<mx:verticalAxis>
<mx:LinearAxis minimum="0.00" maximum="100000.00"/>
</mx:verticalAxis>
<!--Set the column chart of the left vertical axis-->
<mx:series>
<mx:ColumnSeries xField="quarter" yField="Monday" displayName="Monday"/>
<mx:ColumnSeries xField="quarter" yField="Tuesday" displayName="Tuesday"/>
<mx:ColumnSeries xField="quarter" yField="Wednesday" displayName="Wednesday"/>
<mx:ColumnSeries xField="quarter" yField="Thursday" displayName="Thursday"/>
<mx:ColumnSeries xField="quarter" yField="Friday" displayName="Saturday"/>
<mx:ColumnSeries xField="quarter" yField="Saturday" displayName="Sunday"/>
<mx:ColumnSeries xField="quarter" yField="Sunday" displayName="Eight"/>
</mx:series>
<!--Set the maximum and minimum values of the right vertical axis-->
<mx:secondVerticalAxis>
<mx:LinearAxis minimum="0.00" maximum="100.00"/>
</mx:secondVerticalAxis>
<!--Set the fold line of the right vertical axis-->
<mx:secondSeries>
<mx:LineSeries dataProvider="{gridArray}" xField="quarter" yField="Rate" displayName="Rat"/>
</mx:secondSeries>
</mx:ColumnChart>
<!--Set Legend property-->
<mx:HBox>
<s:Label width="25"/>
<mx:Legend dataProvider="{chart}" fontSize="20" width="100%" height="30" direction="horizontal" horizontalGap="45" verticalGap="45"/>
</mx:HBox>
</mx:VBox>
</s:Application>