<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="com.anychart.*" creationComplete="onCreationComplete();" viewSourceURL="srcview/index.html">
    <ns1:AnyChartFlex width="466" height="388" id="sampleChart" horizontalCenter="-85" verticalCenter="-7"/>
    <mx:Button label="Random Data" width="149" height="30" id="btnRandomData" click="onRandomDataButtonClick();" horizontalCenter="243" verticalCenter="-92"/>
    <mx:Label text="Series Type:" horizontalCenter="206" verticalCenter="-176"/>
    <mx:ComboBox id="cmbSeriesType" change="onSeriesTypeComboChange();" width="149" selectedIndex="0" horizontalCenter="243" verticalCenter="-150">
        <mx:dataProvider>
            <mx:String>Bar</mx:String>
            <mx:String>Line</mx:String>
            <mx:String>Spline</mx:String>
            <mx:String>Area</mx:String>
            <mx:String>SplineArea</mx:String>
            <mx:String>Marker</mx:String>
        </mx:dataProvider>
    </mx:ComboBox>
    
    <mx:Script>
        <![CDATA[
            
            private var _dataSection:XML=null;
            
            private function onCreationComplete():void
            {
                _dataSection=getRandomData();
                updateChart();
            }
            
            private function getRandomData():XML
            {
                var data:XML=<data/>;
                
                for(var i:int=0;i<4;i++) 
                {
                    var series:XML=<series/>;
                    for(var n:int=0;n<10;n++) 
                    {
                        series.appendChild(<point name={"P"+n.toString()} y={20+Math.random()*10}/>);
                    }
                    
                    data.appendChild(series);
                }
                
                return data;
            }
            
            private function updateChart():void
            {
                var xmlData:XML=
                <anychart>
                    <charts>
                        <chart>
                            <chart_settings>
                                <title enabled="false"/>
                                <axes>
                                    <x_axis><title enabled="false"/></x_axis>
                                    <y_axis><title enabled="false"/></y_axis>
                                </axes>
                            </chart_settings>
                        
                            <!-- Set default series type from combobox -->
                            <data_plot_settings default_series_type={cmbSeriesType.selectedLabel}/>
                            
                            <!-- Include data section here -->
                            {_dataSection}
                        </chart>
                    </charts>
                </anychart>;
                
                
                sampleChart.anychartXML=xmlData;
            }
            
            // Event handlers.
            private function onSeriesTypeComboChange():void
            {
                updateChart();
            }
            
            private function onRandomDataButtonClick():void
            {
                _dataSection=this.getRandomData();
                updateChart();
            }
        ]]>
    </mx:Script>
    
</mx:Application>