FusionChartsFree JQuery Plgin施用

2012-10-28

FusionChartsFree JQuery Plgin使用很多情况下我们需要异步刷新报表，如下使用FusionChartsFree的JQuery插

FusionChartsFree JQuery Plgin使用

很多情况下我们需要异步刷新报表，如下使用FusionChartsFree的JQuery插件：

1.导入jquery.js和jquery.fusioncharts.js

2.在<html>标签中嵌入flash报表的代码

$.ajax({            url : '<%=request.getContextPath()%>/overviewRegActive.action',            data:{chooseRegAcDay:chooseday, chooseRegAcWay:chooseway},            cache : false,             async : true,            type : "POST",            dataType : 'json',            success : function (result){            $('#registChart').insertFusionCharts({            swfPath: "<%=contextPath%>/fcf",            type: "Line2D",            data: result.chartXml,            dataFormat: "XMLData",            width: "900",            height: "300"});            }        });

说明：

1.swfPath为.swf文件的位置

2.type为生成的flash文件类型

3.data为传入相应action的参数

4.result.chartXml为action返回的xml报表数据

5.dataFormat为填充报表的格式，有XMLData和URLData

6.width和height指定flash的宽和高

附件为FusionChartsFree-jQuery的官方使用文档及代码举例

热点排行

Web前端

FusionChartsFree JQuery Plgin施用