`
zhaobing315
  • 浏览: 230384 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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的官方使用文档及代码举例

分享到：
| oracle trigger跨用户报错
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics