flex3动态创建.doc

!CDATA import mx.graphics.SolidColor; import mx.charts.events.ChartEvent; import mx.controls.*; import mx.charts.HitData; import mx.events.MoveEvent; import mx.collections.ArrayCollection; import mx.effects.easing.*; import mx.charts.series.items.PieSeriesItem; import mx.charts.events.ChartItemEvent; import mx.charts.series.*; import mx.charts.series.items.*;/引入此包 设置charts的sereies属性 import flash.external.*; import mx.charts.*; /引入json包 import com.adobe.serialization.json.JSON; private var _selectedRegion:Object; private var oldX:Number; private var oldY:Number; Bindable private var chartDataSouse:ArrayCollection=new ArrayCollection(); private var pieChart:PieChart=new PieChart(); private var pieSeries:PieSeries=new PieSeries(); private var barChart:BarChart=new BarChart(); private var barSeries:BarSeries=new BarSeries(); private var columnChart:ColumnChart=new ColumnChart(); private var columnSeries:ColumnSeries=new ColumnSeries(); private var lineChart:LineChart=new LineChart(); private var lineSeries:LineSeries = new LineSeries(); private var xName:String=new String(); private var yName:String=new String(); private var valueUnit:String=new String(); private var labelType:String=new String(); /初始化程序 private function initApp():void /* var jsonStr:String=titleName:ptitle:PieChart示例, + data:dataName:Tom,dataValue:8, + dataName:Jack,dataValue:6, + dataName:Jone,dataValue:9, + dataName:Alen,dataValue:12, + dataName:Bill,dataValue:5, + dataName:Kiti,dataValue:10; */ var jsonStr:String=chartInfo:ptitle:PieChart示例,xName:姓名,yName:时间,valueUnit:天, + data:dataName:Tom,dataValue:8,dataValue2:10, + dataName:Jack,dataValue:6,dataValue2:5, + dataName:Jone,dataValue:9,dataValue2:7, + dataName:Alen,dataValue:12,dataValue2:9, + dataName:Bill,dataValue:5,dataValue2:3, + dataName:Kiti,dataValue:10,dataValue2:8; /调用js函数getJsonData获取数据 / var jsonStr:String=ExternalInterface.call(getJsonData); var objdata:Object=JSON.decode(jsonStr); chartPanel.title=objdata.chartInfo0.ptitle; xName=objdata.chartInfo0.xName; yName=objdata.chartInfo0.yName; valueUnit=objdata.chartInfo0.valueUnit; var arr:Array = (objdata.data as Array); var obj:Object=null; for(var i:int=0;iarr.length;i+) obj=null; obj=new Object(); obj.dataName=arri.dataName; obj.dataValue= Number(arri.dataValue); obj.dataValue2= Number(arri.dataValue2); chartDataSouse.addItem(obj); pieChart.dataProvider=chartDataSouse; var myPieSeries:Array=new Array(); pieSeries.field=dataValue; pieSField=dataName; pieSeries.labelFunction=getSliceLabel; pieSeries.setStyle(showDataEffect,interpolate); myPieSeries.push(pieSeries); pieChart.series=myPieSeries; chartPanel.addChild(pieChart); chartLegend.dataProvider=pieChart; pieChart.showDataTips=true; pieChart.addEventListener(ChartItemEvent.ITEM_CLICK,pieChart_itemClick); pieChart.addEventListener(MouseEvent.MOUSE_DOWN,stopMove); pieChart.addEventListener(MouseEvent.MOUSE_MOVE,startMove); /生成饼图 private function createPie():void if (labelType=) labelType=none; pieChart.dataProvider=chartDataSouse; pieChart.percentWidth=100; pieChart.percentHeight=100; var myPieSeries:Array=new Array(); pieSeries.field=dataValue; pieSField=dataName; pieSeries.setStyle(showDataEffect,interpolate); / pieSeries.setStyle(labelPosition,labelType); myPieSeries.push(pieSeries); var pieSeries2:PieSeries=new PieSeries(); pieSeries2.field=dataValue2; pieSField=dataName; pieSeries2.setStyle(showDataEffect,interpolate); myPieSeries.push(pieSeries2); pieChart.series=myPieSeries; chartPanel.addChild(pieChart); chartLegend.dataProvider=pieChart; pieChart.showDataTips=true; pieChart.addEventListener(ChartItemEvent.ITEM_CLICK,pieChart_itemClick); pieChart.addEventListener(MouseEvent.MOUSE_DOWN,stopMove); pieChart.addEventListener(MouseEvent.MOUSE_MOVE,startMove); /生成条形图 private function createBar():void barChart.dataProvider=chartDataSouse; barChart.percentWidth=100; barChart.percentHeight=100; var vAxis:CategoryAxis = new CategoryAxis(); vAxis.categoryField = dataName ; vAxis.dataProvider = chartDataSouse; barChart.verticalAxis = vAxis; var mySeries:Array=new Array(); barSeries.xField=dataValue; barSeries.yField=dataName; barSeries.displayName=Value1; barSeries.setStyle(showDataEffect,seriesInterpolate); mySeries.push(barSeries); var barSeries2:BarSeries=new BarSeries(); barSeries2.xField=dataValue2; barSeries2.yField=dataName; barSeries2.displayName=Value2; barSeries2.setStyle(showDataEffect,seriesInterpolate); mySeries.push(barSeries2); barChart.series=mySeries; chartPanel.addChild(barChart); barChart.showDataTips=true; barChart.addEventListener(MouseEvent.MOUSE_DOWN,stopMove); barChart.addEventListener(MouseEvent.MOUSE_MOVE,moveBarChart); chartLegend.dataProvider=barChart; /生成柱状图 private function createColumn():void columnChart.dataProvider=chartDataSouse; columnChart.percentWidth=100; columnChart.percentHeight=100; var colHAxis:CategoryAxis=new CategoryAxis() colHAxis.categoryField = dataName ; colHAxis.dataProvider = chartDataSouse; /colHAxis.title=xName; columnChart.horizontalAxis = colHAxis; var myColSereis:Array=new Array(); columnSeries.dataProvider=chartDataSouse; columnSeries.xField=dataName; columnSeries.yField=dataValue; columnSeries.displayName=Value1; myColSereis.push(columnSeries); var columnSeries2:ColumnSeries=new ColumnSeries(); columnSeries2.yField=dataValue2; columnSeries2.xField=dataName; columnSeries2.displayName=Value2; myColSereis.push(columnSeries2); columnChart.series=myColSereis; chartPanel.addChild(columnChart); columnChart.showDataTips=true; columnChart.addEventListener(MouseEvent.MOUSE_DOWN,stopMove); columnChart.addEventListener(MouseEvent.MOUSE_MOVE,moveColumnChart); chartLegend.dataProvider=columnChart; /生成线形图 private function createLine():void lineChart.dataProvider=chartDataSouse; lineChart.percentWidth=100; lineChart.percentHeight=100; var lineHAxis:CategoryAxis=new CategoryAxis() lineHAxis.categoryField = dataName ; lineHAxis.dataProvider = chartDataSouse; lineChart.horizontalAxis = lineHAxis; var myLineSeries:Array=new Array(); lineSeries.xField=dataName; lineSeries.yField=dataValue; lineSeries.displayName=Value1; myLineSeries.push(lineSeries); var lineSeries2:LineSeries=new LineSeries(); lineSeries2.xField=dataName; lineSeries2.yField=dataValue2; lineSeries2.displayName=Value2; myLineSeries.push(lineSeries2); lineChart.series=myLineSeries; chartPanel.addChild(lineChart); lineChart.showDataTips=true; lineChart.addEventListener(MouseEvent.MOUSE_DOWN,stopMove); lineChart.addEventListener(MouseEvent.MOUSE_MOVE,moveLineChart); chartLegend.dataProvider=lineChart; /- private function setAllTip():void var type:String=cbChartType.selectedItem.data; if(type=pie) pieChart.showAllDataTips=cbTargetsCheckBox.selected; if(type=column) columnChart.showAllDataTips=cbTargetsCheckBox.selected; if(type=bar) barChart.showAllDataTips=cbTargetsCheckBox.selected; if(type=line) lineChart.showAllDataTips=cbTargetsCheckBox.selected; /图像背景填充 private function setGridLines():void var solidcolorAlpha:Number=0.2; var hsc:SolidColor=new SolidColor(cpH.selectedColor,solidcolorAlpha); var hasl:SolidColor=new SolidColor(cpV.selectedColor,solidcolorAlpha); var vsl:SolidColor=new SolidColor(cpH.selectedColor,solidcolorAlpha); var vasl:SolidColor=new SolidColor(cpV.selectedColor,solidcolorAlpha); var gridLines:GridLines=new GridLines(); gridLines.setStyle(horizontalFill,hsc); gridLines.setStyle(horizontalAlternateFill,hasl); gridLines.setStyle(verticalFill,vsl); gridLines.setStyle(verticalAlternateFill,vasl); gridLines.setStyle(direction,cbGridLineType.selectedItem.data); barChart.backgroundElements=gridLines; columnChart.backgroundElements=gridLines; lineChart.backgroundElements=gridLines; pieChart.backgroundElements=gridLines; /图像大小设置 private function setChartWidth():void pieChart.percentWidth=nsChartWidth.value; barChart.percentWidth=nsChartWidth.value; columnChart.percentWidth=nsChartWidth.value; lineChart.percentWidth=nsChartWidth.value; private function setChartHeigth():void pieChart.percentHeight=nsChartHeigth.value; barChart.percentHeight=nsChartHeigth.value; columnChart.percentHeight=nsChartHeigth.value; lineChart.percentHeight=nsChartHeigth.value; /-PieChart属性设置- /设置饼图格式 private function setPieLabel