FusionCharts

 

统计图FusionCharts

 

js部分:

$.post('serviceCountNew_createLineChart.action',queryString, function(date){

var width = $(window).width()-200;

var drivingSupportChart = new FusionCharts("js/app/FusionCharts/MSColumn3D.swf?S=FUSIONCHARTS.COM", "drivingSupportChart", width, "300", "0", "0" );

var newpath = "xml/serviceCharts"+ date +".xml";

drivingSupportChart.setXMLUrl(newpath);

drivingSupportChart.render("chartDiv");

}); 

 

jsp：

 

 

<div  style="width:880px;padding:5px;" id="chartDiv">

xml格式：

 

 

<?xml version="1.0" encoding="utf-8" standalone="yes"?>

<chart xAxisName="时间" subCaption="周报表统计图" showValues="0" palette="2"

numDivLines="2.5" legendPosition="BOTTOM" formatNumberScale="0"

decimalPrecision="0" basefontsize="12" animation="1">

<categories>

<category label="Week 33, 2012" />

<category label="Week 32, 2012" />

<category label="Week 31, 2012" />

<category label="Week 30, 2012" />

<category label="Week 29, 2012" />

<category label="Week 28, 2012" />

<category label="Week 27, 2012" />

</categories>

<dataSet seriesName="在线音乐">

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

<set value="0" />

</dataSet>

<dataSet seriesName="在线视频">

<set value="37" />

<set value="146" />

<set value="391" />

<set value="113" />

<set value="301" />

<set value="505" />

<set value="107" />

</dataSet>

</chart>

 

附件是FusionCharts一些flash文件（线形图、柱形图）