fusioncharts.js_fusioncharts饼状图_fusioncharts.js版本

FusionCharts图表控件介绍

FusionCharts是一个Flash的图表组件，它可以用来制作数据图表，其中效果用的是AdobeFlash8（原MacromediaFlash的）制作的flash，FusionCharts可用于任何网页的脚本语言类似于HTML，.NET，ASP，JSP，PHP，ColdFusion等，提供互动性和强大的图表。fusioncharts.js使用XML作为其数据接口，FusionCharts充分利用流体美丽的Flash创建紧凑，互动性和视觉逮捕图表。

[图]

2

FusionCharts确实功能强大而且效果非常漂亮，但是XML的格式有点复杂，不同的图形XML格式也不一样，做的时候一定要对照里面的Demo实例来核对你生成的XML格式；

见下图，是使用EFW框架开发的一个线形图表，从查出DataTable数据，把第一列定义为线形图表的X轴，第二列定义为Y轴数据，把DataTable利用WebFusionChart对象转换为XML，界面代码通过Ajax请求控制器输出XML赋值给JS中的FusionCharts对象显示图表；界面代码比较简单，引用FusionCharts.js文件，调用相应的图表swf文件；

[图]

3

ReportAll报表控件介绍

ReportAll是面向软件开发人员的报表开发工具；她具有全新的设计思想。fusioncharts.js从报表设计的角度看，她完美地融合了“对象摆放”类和“电子表格”类报表工具的优点；从数据填报的角度看，他独特的多线程后台数据加载方式，使任意大的数据源都可以快速返回，从而实现边加载边浏览的效果。

ReportAll报表插件全面兼容IE、火狐、GoogleChrome、Opera、傲游、TT等主流浏览器。

[图]

4

做Web报表一直没有找到一个好的Web报表组件，以前有用过水晶报表、Dev中的报表控件、fineReport等都存在各种原因在EFW框架中使用不合适，水晶报表太过庞大，Dev报表控件太难用了，fineReport这个确实比较好用但是不是免费的；经过一番纠结找了两个国产的、轻量级的Web报表工具ReportAll和Grid++Report；两个用起来都非常简单；

见下图，使用EFW框架中封装的ReportAll报表开发一张简单报表，报表制作涉及到前后端开发，前端界面很简单引用ReportAllPrint.js文件动态创建报表对象，再通过Url向后台控制器请求XML数据，后台使用框架中的WebReportAll对象把DataTable数据转换为XML数据输出显示在界面报表控件中；

[图]

5

Grid++Report报表控件介绍

Grid++Report是一款高性能高效率的报表开发工具，既可开发桌面软件的报表与打印系统，也可开发WEB(B/S)软件的报表与打印系统。提供一个具有超强数据展现功能的数据网格(DataGrid)部件，制作各种表格报表非常简便；运行时可通过事件处理使报表与用户交互；针对套打进行了专门实现；是开发动态报表的最佳选择。提供可视化报表设计器，设计报表快速简单。Grid++Report除了提供打印功能外，还提供独有的报表查询显示功能，像各种数据网格(DataGrid)控件一样显示数据，让报表的查询显示与打印一次实现，既提高开发效率又保持数据的一致性，这也是Grid++Report与其它报表控件的最大区别。

[图]

6

在EFW框架中Winform版就使用Grid++Report用来开发CS报表，Grid++Report不但支持CS报表也支持Web报表开发，所以框架也把它整合到Web报表中；就功能上来说Grid++Report应该比ReportAll更强大，可以支持设计报表格式；使用方式跟上面ReportAll差不多；

见下图，使用EFW框架中封装的Grid++Report开发了一张报表，前端页面引用CreateControl.js和GRUtility.js创建报表对象，通过Url向后台控制器请求XML格式数据，后台控制器利用框架中的Grid_XMLReportData对象把DataTable数据转换为XML数据输出，界面显示报表内容；

[图]

7

[图]

9

上传文件控件介绍

Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：

1.支持单文件或多文件上传，可控制并发上传的文件数

2.在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……

3.通过参数可配置上传文件类型及大小限制

4.通过参数可配置是否选择文件后自动上传

5.易于扩展，可控制每一步骤的回调函数（onSelect,onCancel……）

6.通过接口参数和CSS控制外观

[图]

10

见下图，使用EFW控件中封装的Uploadify开发上传文件的实例，文件上传涉及到前后台的交互，前台页面引用swfobject.js文件和jquery.uploadify.v2.1.0.min.js创建上传的按钮，选择文件后点击上传，通过指定的Url向后台控制器发送请求，后台UploadifyController控制器接收到请求把上传的文件存入userfiles目录中；

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/ruanjian/article-49696-1.html