Flex柱状图

来源:互联网 发布:招聘网络推广主管 编辑:程序博客网 时间:2024/05/16 08:42
import flash.external.*;

import mx.charts.*;
import mx.charts.HitData;
import mx.charts.events.ChartEvent;
import mx.charts.events.ChartItemEvent;
import mx.charts.series.*;
import mx.charts.series.items.*;
import mx.charts.series.items.PieSeriesItem;
import mx.collections.ArrayCollection;
import mx.controls.*;
import mx.effects.easing.*;
import mx.graphics.SolidColor;
import mx.rpc.events.ResultEvent;

[Bindable]
private var chartDataSouse:ArrayCollection=new ArrayCollection();
private var columnChart:ColumnChart=new ColumnChart();
private var columnSeries:ColumnSeries=new ColumnSeries();

//引入json包
import com.adobe.serialization.json.JSON; 

private function barchart_resultHandler(event:ResultEvent):void{
var response:String = getbarchart.lastResult.toString();
var container:Object = (JSON.decode(response) as Object);
var chartDataSouse:ArrayCollection = new ArrayCollection(container.chartData);
//Alert.show("ok");
columnChart.dataProvider=chartDataSouse;
columnChart.percentWidth=100;
columnChart.percentHeight=90;
var colHAxis:CategoryAxis=new CategoryAxis()
colHAxis.categoryField = "courseName" ;
colHAxis.dataProvider =  chartDataSouse;
columnChart.horizontalAxis = colHAxis;            
var myColSereis:Array=new Array();
columnSeries.dataProvider=chartDataSouse;
var columnSeries2:ColumnSeries=new ColumnSeries();
columnSeries2.yField="courseSelected";
columnSeries2.xField="courseName";   
columnSeries2.displayName="课程名";       
myColSereis.push(columnSeries2);
columnChart.series=myColSereis;
chartPanel.addChild(columnChart);
columnChart.showDataTips=true;
}
private function hideBarChart():void{
chartPanel.removeChild(columnChart);
}
//点击柱状图按钮
private function barButtonClick():void{
hidePieChart();
pieButton.enabled = true;
getbarchart.send();
}

原创粉丝点击