Flex中对FusionCharts的Multi-Series Charts的使用

fusionchart的使用主要分为数据和显示参数两个方面。

1、参数

public  var chartParams:ArrayCollection = new ArrayCollection([   

{caption:"今日、昨天系统检测数据量"};            
{baseFontSize:'12'},
{bgColor:"#4473AC"},
{bgAlpha:'0'},
{borderColor:"#4473AC"},
{showBorder:"0"},
{useRoundEdges:"1"},
{canvasBgColor:"#D8EBFC"},
{canvasBorderColor:"#4473AC"},
{showShadow:"0"},
{showAlternateHGridColor:"0"},
{divLineColor:"#CCCCCC"},
{zeroPlaneColor:"#FFFFFF"},
{baseFontColor:"#000000"},
{toolTipBgColor:"#4473AC"},
{showValues:"0"}
 ]);

2、数据

从数据库取出，将结果转换为：

var arrr:ArrayCollection=e.result as ArrayCollection;

对结果进行转换

 //设置chartData
private function initChartData(arr:ArrayCollection):ArrayCollection{
if(!arr||arr.length<1) return null;
var labelArr:Array=new Array();
var todayValueArr:Array=new Array();
todayValueArr.push({seriesName:'今天'});
var yesterdayValueArr:Array=new Array();
yesterdayValueArr.push({seriesName:'昨天'});
//设置柱子的显示颜色
var colorArr:Array = new Array(
'#DD3938','#FFC81B','#93C408','#2B97A3'
);
for(var i:Number=0;i<arr.length;i++){
var objInArr:Object=arr.getItemAt(i);
labelArr.push({label:objInArr.xtmc});
todayValueArr.push({value:objInArr.today,color:colorArr[i]});
yesterdayValueArr.push({value:objInArr.yesterday,color:colorArr[i]});
}
var chartData:ArrayCollection=new ArrayCollection(labelArr.concat(todayValueArr,yesterdayValueArr));
return chartData;
}

3、生成chart

//param：显示数据，显示参数 ;
//return：fusioncharts
private function initChart(chartData:ArrayCollection,chartParam:ArrayCollection):FusionCharts{
var chart:FusionCharts=new FusionCharts();
chart.FCChartType="MSColumn2D";
chart.FCData(chartData);
chart.FCParams(chartParam);
return chart;
}

4、最后将char添加到容器中即可

container.addElement(chart);