Need a simple Dashboard example

Question

Hello All,
Can any one provide me an simple Dashboard example (Charts)  using Flex 3 .
The dashboard should use a MYSQL database as a source.
Many thanks,

Answer 1

this is the mxml file
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;
            [Bindable] private var dataColl:ArrayCollection;
            private function init():void{
                xmlServ.send();
            private function handleResult(event:ResultEvent):void{
                dataColl = (event.result as ArrayCollection).getItemAt(0).main as ArrayCollection;
        ]]>
    </mx:Script>
    <mx:HTTPService id="xmlServ" url="data.xml" resultFormat="array" result="handleResult(event)"/>
    <mx:TabNavigator id="myTabz" width="100%" height="100%">
        <mx:Canvas label="DataGrid" width="100%" height="100%">
            <mx:DataGrid dataProvider="{dataColl}" width="100%" height="100%">
                <mx:columns>
                    <mx:DataGridColumn dataField="Products" headerText="Products"/>
                    <mx:DataGridColumn dataField="stock" headerText="Stock"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:Canvas>
        <mx:Canvas label="Line Chart" width="100%" height="100%">
            <mx:LineChart id="myLineChart" dataProvider="{dataColl}" showDataTips="true" width="100%" height="100%">
                <mx:horizontalAxis>
                    <mx:CategoryAxis dataProvider="{dataColl}" categoryField="Products"/>
                </mx:horizontalAxis>
                <mx:series>
                    <mx:LineSeries yField="stock" displayName="Stock"/>
                </mx:series>
            </mx:LineChart>
        </mx:Canvas>
        <mx:Canvas label="Bar Chart" width="100%" height="100%">
            <mx:BarChart id="myBarChart" dataProvider="{dataColl}" showDataTips="true" width="100%" height="100%">
                <mx:verticalAxis>
                    <mx:CategoryAxis dataProvider="{dataColl}" categoryField="Products"/>
                </mx:verticalAxis>
                <mx:series>
                    <mx:BarSeries yField="Products" xField="stock" displayName="Stock"/>
                </mx:series>
            </mx:BarChart>
        </mx:Canvas>
        <mx:Canvas label="Pie Chart" width="100%" height="100%">
            <mx:PieChart id="myPieChart" dataProvider="{dataColl}" showDataTips="true" width="100%" height="100%">
                <mx:series>
                    <mx:PieSeries field="stock" nameField="Products" labelPosition="inside"/>
                </mx:series>
            </mx:PieChart>
        </mx:Canvas>
    </mx:TabNavigator>
</mx:Application>
and the data.xml is
<?xml version="1.0"?>
<main>
    <Products>Products 1</Products>
    <stock>36</stock>
</main>
<main>
    <Products>Products 2</Products>
    <stock>48</stock>
</main>
<main>
    <Products>Products 3</Products>
    <stock>46</stock>
</main>
<main>
    <Products>Products 4</Products>
    <stock>78</stock>
</main>