`
zhaobing315
  • 浏览: 231706 次
  • 性别: 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跨用户报错
评论
发表评论

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

相关推荐

    FusionChartsFree使用范例

    本资源名为“FusionChartsFree使用范例”，显然是一份详细的教程或示例集，帮助用户了解并学习如何在不同编程语言环境中使用FusionCharts。 FusionCharts支持多种编程语言，包括但不限于HTML、JavaScript、PHP、ASP...

    FusionChartsFree_FLASH图表控件源代码和使用说明

    在"标题"中提到的"FusionChartsFree_FLASH图表控件源代码和使用说明"，意味着这个压缩包不仅包含了控件本身，还提供了源代码供开发者研究和定制，以及详细的使用文档，帮助用户快速理解和应用。 在"描述"中，我们...

    FusionChartsFree

    然后，他们需要解析XML，这可以通过JavaScript的DOM API或者jQuery的`.parseXML()`方法来完成。最后，解析后的数据会被传递给FusionCharts的`setXMLData()`或`setJSONData()`方法，以生成图表。 总的来说，这个项目...

    FusionChartsFree 免费flash图表工具

    而"FusionChartsFree"文件可能包含FusionCharts Free的完整安装包或库文件，包含了所有必要的组件和资源，如SWF文件、JavaScript库、示例代码等。 总的来说，FusionCharts Free是一款功能强大的免费图表工具，适用...

    FusionChartsFree.rar

    标题中的"FusionChartsFree.rar"指的是这个软件的压缩包文件，包含了FusionCharts Free的所有资源和组件，为用户提供了一站式的下载体验。描述中的作者主页"http://www.easy518.com"是该软件的官方网站，用户可以在...

    FusionChartsFree官方示例

    在"FusionChartsFree官方示例"中，我们可以学习到以下关键知识点： 1. **安装与引入**：首先，了解如何下载并引入FusionCharts Free库到项目中。这通常涉及到在HTML文件中添加JavaScript和CSS链接，确保所有必要的...

    FusionChartsFree V2.2

    9. **文档支持**：FusionCharts通常会提供详细的开发文档，包括安装指南、API参考、教程等，以帮助开发者更好地理解和使用这个库。 通过学习和实践FusionCharts Free V2.2，开发者可以提升网站或应用程序的数据展示...

    FusionChartsFree2.2包和中文使用手册

    而"FusionChartsFree"可能是包含所有必要文件的压缩包，其中包括FusionCharts的核心JavaScript库、SWF文件以及其他必要的资源。 总的来说，这个资源对于初学者和开发者来说是非常有价值的，不仅可以学习到...

    FusionChartsfree使用手册

    使用者无需具备Flash编程技能，只需熟悉其使用的编程语言即可。 该组件的免费版本FusionCharts Free v2.1包含了一系列的改进和新特性。例如，增加了对JSP和Ruby on Rails的集成代码和文档，使得在这些平台上使用...

    FusionCharts Free版

    在"压缩包子文件的文件名称列表"中提到的"FusionChartsFree"可能包含了以下内容： 1. **FusionCharts.js**: 这是FusionCharts的核心JavaScript库，包含了所有图表的定义和渲染逻辑。 2. **Examples**: 可能包含一...

    FusionChartsFree及其教程

    3. **创建图表对象**：使用JavaScript创建图表对象，定义图表的类型、宽度、高度、数据源等属性。 4. **设置数据源**：可以使用XML或JSON格式的数据源，也可以通过JavaScript直接设置数据。 5. **渲染图表**：在...

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