FusionChartsFree JQuery Plgin施用 _Web前端

FusionChartsFree JQuery Plgin使用

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

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

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

<div id="registChart">Loading registFusionChart!</div>

3.通过JQuery代码向id="registChart"的div中填充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的官方使用文档及代码举例