<?xml version="1.0"?>
<!-- charts/GridLinesBothInternal.mxml -->
<s:Application 
        xmlns:fx="http://ns.adobe.com/mxml/2009"; 
        xmlns:mx="library://ns.adobe.com/flex/mx" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        height="600">
        
        <fx:Declarations>
                
                <fx:Array id="bge">
                        <mx:GridLines gridDirection="both"/>
                </fx:Array>
        </fx:Declarations>
        
        <fx:Script>
                <![CDATA[
                        import mx.collections.ArrayCollection;
                        [Bindable]
                        public var expenses:ArrayCollection = new 
ArrayCollection([
                                {Month:"<Jan", Profit:2000, Expenses:1500},
                                {Month:"Feb", Profit:1000, Expenses:200},
                                {Month:"Mar", Profit:1500, Expenses:500}
                        ]);
                ]]>
        </fx:Script>
        
        <s:layout>
                <s:VerticalLayout/>
        </s:layout>
        
        <s:Panel title="Column Chart">
                <s:layout>
                        <s:VerticalLayout/>
                </s:layout>
                <mx:ColumnChart id="myChart"
                                                showDataTips="true"
                                                dataProvider="{expenses}" 
                                                backgroundElements="{bge}"
                                                >
                        <mx:horizontalAxis>
                                <mx:CategoryAxis 
                                        dataProvider="{expenses}" 
                                        categoryField="Month"
                                        />
                        </mx:horizontalAxis>
                        <mx:series>
                                <mx:ColumnSeries 
                                        xField="Month" 
                                        yField="Profit" 
                                        displayName="Profit"
                                        />
                                <mx:ColumnSeries 
                                        xField="Month" 
                                        yField="Expenses" 
                                        displayName="Expenses"
                                        />
                        </mx:series>
                </mx:ColumnChart>
                <mx:Legend dataProvider="{myChart}"/>
        </s:Panel>
</s:Application>


Reply via email to