读书人

FusionChartsFree JQuery Plgin施用

发布时间: 2012-10-28 09:54:44 作者: rapoo

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前端

热点推荐