AmchartForFlex help with div on it

 

Amchart for flex

<?xml version="1.0" encoding="utf-8"?>
 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                xmlns:amcharts="http://www.amcharts.com/com_internal"
                xmlns:local="*"
                layout="absolute"
                backgroundColor="#FFCC32" creationComplete="init();"
                width="860"
                height="400">
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            import mx.controls.Button;
            import mx.controls.Text;
            import mx.core.UIComponent;
            import mx.core.UITextField;
            
            import org.osmf.layout.AbsoluteLayoutFacet;
            
            import spark.components.TextArea;
            
            [Bindable]
            private var chartData:ArrayCollection = new ArrayCollection([
                {year:new Date(2009,10,2), value:-0.307},
                {year:new Date(1951,0), value:-0.168},
                {year:new Date(1952,0), value:-0.073},
                {year:new Date(1953,0), value:-0.027},
                {year:new Date(1954,0), value:-0.251},
                {year:new Date(1955,0), value:-0.281},
                {year:new Date(1956,0), value:-0.348},
                {year:new Date(1957,0), value:-0.074},
                {year:new Date(1958,0), value:-0.011},
                {year:new Date(1959,0), value:-0.074},
                {year:new Date(1960,0), value:-0.124},
                {year:new Date(1961,0), value:-0.024},
                {year:new Date(1962,0), value:-0.022},
                {year:new Date(1963,0), value:0.000},
                {year:new Date(1964,0), value:-0.296},
                {year:new Date(1965,0), value:-0.217},
                {year:new Date(1966,0), value:-0.147},
                {year:new Date(1967,0), value:-0.150},
                {year:new Date(1968,0), value:-0.160},
                {year:new Date(1969,0), value:-0.011},
                {year:new Date(1970,0), value:-0.068},
                {year:new Date(1971,0), value:-0.190},
                {year:new Date(1972,0), value:-0.056},
                {year:new Date(1973,0), value:0.077},
                {year:new Date(1974,0), value:-0.213},
                {year:new Date(1975,0), value:-0.170},
                {year:new Date(1976,0), value:-0.254},
                {year:new Date(1977,0), value:0.019},
                {year:new Date(1978,0), value:-0.063},
                {year:new Date(1979,0), value:0.050},
                {year:new Date(1980,0), value:0.077},
                {year:new Date(1981,0), value:0.120},
                {year:new Date(1982,0), value:0.011},
                {year:new Date(1983,0), value:0.177},
                {year:new Date(1984,0), value:-0.021},
                {year:new Date(1985,0), value:-0.037},
                {year:new Date(1986,0), value:0.030},
                {year:new Date(1987,0), value:0.179},
                {year:new Date(1988,0), value:0.180},
                {year:new Date(1989,0), value:0.104},
                {year:new Date(1990,0), value:0.255},
                {year:new Date(1991,0), value:0.210},
                {year:new Date(1992,0), value:0.065},
                {year:new Date(1993,0), value:0.110},
                {year:new Date(1994,0), value:0.172},
                {year:new Date(1995,0), value:0.269},
                {year:new Date(1996,0), value:0.141},
                {year:new Date(1997,0), value:0.353},
                {year:new Date(1998,0), value:0.548},
                {year:new Date(1999,0), value:0.298},
                {year:new Date(2000,0), value:0.267},
                {year:new Date(2001,0), value:0.411},
                {year:new Date(2002,0), value:0.462},
                {year:new Date(2003,0), value:0.470},
                {year:new Date(2004,0), value:0.445},
                {year:new Date(2005,0), value:0.470}]);
            
            private function changeType(event:MouseEvent):void{
                g0.type = String(event.target.value);
            }
            
            private function init():void
            {
                var div:Div_xiang = new Div_xiang('B相',0,0,chart);
            }
            
            private function init1():void
            {

                var testrect:Sprite = new Sprite();
                testrect.buttonMode=true;
                testrect.doubleClickEnabled=true;
                testrect.alpha = 0.8;
                var field:TextField = new TextField();
                var textformat:TextFormat = new TextFormat();
                textformat.size = 30;
                field.text = "A相";
                field.alpha = 0.8;
                field.autoSize = TextFieldAutoSize.CENTER;
                field.background=true;
                field.backgroundColor=0xFFFFFF;
                field.setTextFormat(textformat);
 //                field.width =40;
//                field.height = 40;
             
                testrect.graphics.beginFill(0xFFFFFF, 0.8); 
                testrect.graphics.drawRect(75,75,60,40); 
                testrect.graphics.endFill();

 //                testrect.x = 10;
//                testrect.y = 10;
//                testrect.width = 200;
//                testrect.height = 200;
                testrect.addChildAt(field,0);
                chart.addChild(testrect); 
            }
            
        ]]>
    </mx:Script>
    
    <mx:VBox width="100%" height="100%">
        <local:SuperhanAmSerialChart
            id="chart" 
            width="100%" 
            height="100%" 
            marginTop="15" 
            marginLeft="60" 
            marginRight="50" 
            dataProvider="{chartData}" 
            categoryField="year"
            plotAreaFillAlphas="[0]">
            <!--曲线-->
            <local:graphs>
                <amcharts:AmGraph
                    id="g0"
                    lineColor="#CC0000"
                    fillColors="[#CC0000]"
                    negativeLineColor="#009900"
                    negativeFillColors="[#009900]"
                    fillAlphas="[0.3]"  
                    valueField="value" 
                    type="smoothedLine"/>                        
            </local:graphs>
            <!--X轴属性-->
            <local:categoryAxis>
                <amcharts:CategoryAxis 
                    parseDates="true" 
                    minPeriod="MM" 
                    axisColor="#FFFFFF" 
                    gridColor="#FFFFFF" 
                    gridAlpha="0.5" 
                    dashLength="5" 
                    gridCount="15" inside="false" color="black" />
            </local:categoryAxis>
            <!--Y轴属性-->
            <local:valueAxes>
                <amcharts:ValueAxis color="black" axisColor="#FFFFFF" gridColor="#FFFFFF" gridAlpha="1" dashLength="5">
                <amcharts:guides>
                    <amcharts:Guide value="4.87" lineColor="#FFFFFF" lineAlpha="1" inside="true" dashLength="0" balloonText="Average GDP grow in 2004 was 4.87%"/>
                </amcharts:guides>
                </amcharts:ValueAxis>    
            </local:valueAxes>
            <!--鼠标移动标记-->
            <local:chartCursor>
                <amcharts:ChartCursor cursorPosition="mouse" categoryBalloonDateFormat="YYYY"/>
            </local:chartCursor>
            <!--最上端拖动条-->
            <local:chartScrollbar>
                <amcharts:ChartScrollbar 
                graph="{g0}" 
                backgroundAlpha="0.1" 
                backgroundColor="#000000" 
                selectedBackgroundColor="#FFCC32"/>
            </local:chartScrollbar>
            <!--右上角显示全部按钮-->
            <local:zoomOutButton>
                <mx:LinkButton rollOverColor="#FFFFFF" label="全部"/>                    
            </local:zoomOutButton>
        </local:SuperhanAmSerialChart>
        
        <mx:HBox>
            <mx:Spacer width="50"/>
            <mx:RadioButton groupName="g1" click="{changeType(event)}" value="line" label="line"/>        
            <mx:RadioButton groupName="g1" click="{changeType(event)}" value="smoothedLine" label="smoothed line" selected="true"/>
            <mx:RadioButton groupName="g1" click="{changeType(event)}" value="column" label="columns"/>
            <mx:RadioButton groupName="g1" click="{changeType(event)}" value="step" label="step"/>        
        </mx:HBox>
        
        <mx:Spacer height="10"/>
    </mx:VBox>    
</mx:Application>