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

open flash chart 2 使用

 
阅读更多

 Open Flash Chart (简称OFC)是一个基于Flash的开源报表组件,该组件能够生成动态的Flash报表,使用LGPL(GNU Lesser General Public License)许可证。目前已经发展到2.X版本,最大的变换就是数据文件格式转为json格式,最新的社区版本是open-flash-chart-2-community-0.25

Open Flash Chart 2的图形报表绘制原理:

 

 

 

open flash chart 2工作原理

 

 

 

 

 

 

 

 

 

前端的open-flash-chart.swf 组件从WebServer获取图形报表需要的json格式的数据用于展示,Server端可以使用各种编程语言版本的ofc library,主要是负责生成flash组件需要的json格式的报表数据。目前前段和后端的ofc组件都存在多个版本,后端某些语言的ofc library也是由第3方开发的,如果版本不匹配的话,在使用上就存在某些特性无法支持的的问题。但是要记住,最主要的特性能力都是由open-flash-chart.swf组件来提供的,该组件的版本决定了对于json数据的支持情况。

 

Open-flash-chart除了社区版本,还有其他各种各样的补丁版本,初次使用者在使用上会感到比较困惑,建议使用最新的社区版本。网上的很多例子,但都没有明确使用的open-flash-chart版本,以及对应的后端程序库(jofcofc4jofc_php.net for ofcjs for ofc等)对于json 格式的报表数据的支持情况,导致在使用不同版本的ofc前后端组件的时候,前端的open-flash-char.swf 组件的支持的json数据文件能力对不齐,在显示控制上存在问题。

 

例如,常见的Keys toggle-visibility的支持,就是点击某些图形的名称(以Line Chart为例,就是线的名称),可以控制图形的显示和隐藏,这个特性在Line Chart中,如果涉及的曲线很多,还是有使用的必要。

 

Open Flash Chart的图形报表例子(主要展现对keys, custom tooltip, dot-stylelable visible-steps的支持):

 

ofc.rar 下载,见底部链接。

    测试用,把文件解压到某个Web Root Application的根目录即可。

    访问方式:http://localhost:8080/chart-2.html?ofc=lines.txt

 

 

入门:

(一)  Open-flash-chart的创建者的网址,后端的程序的例子都是以ofc php library为例子。

http://teethgrinder.co.uk/open-flash-chart-2/  V2.X版本,注意作者提供下载的open-flash-char.swf虽然是2.X版本,但不是最新的,最新的版本请到code google下载,见下面的http://forums.openflashchart.com/

 

(二)  http://teethgrinder.co.uk/open-flash-chart/  V1.X版本,例子较多,可以看看open-flash-chart的展现能力。

 

(三)  http://forums.openflashchart.com/  open-flash-chart的论坛,一般你要问的问题在这里都可以找到答案,该论坛提供最新的open-flash-chart社区版本,与作者的网站的falsh组件版本相比,增加了很多新的特性,而且提供多种语言的后端ofc library

 

(四)  《网友Aofc java library 从数据文件格式看,是open-flash-chartV1.X版本。

也就是后端的类库只能生成V1.X版本的数据文件,不支持open-falsh-chart V2.X

(代码来源: http://www.iteye.com/topic/189653)

 

(五)  《网友 Bofc java library 生成的数据格式支持open-flash-chart.swfDZ版本(http://ofc2dz.com),大部分兼容社区版本的open-flash-chart-2-community-0.25的版本。此ofc java library依赖的第3方库较多,不过使用还算比较方便。如果不怕类库多,对于java开发,也推荐用这个。(代码来源:http://code.google.com/p/ajofc/

 

(六)  如果是使用.NET编程生成后端的json数据文件, 可以直接使用open-flash-chart-2-community-0.25版本自带的.NET ofc library,这样不存在兼容性问题。

 

(七)  JOFC2 - Java API for Open Flash Chart 2,(http://code.google.com/p/jofc2/)这个版本支持大部分的open-flash-chart-2-community-0.25中的open-flash-chart.swf的大部分特性,部分不支持的,可以自己扩展支持。 如果后端是java开发,推荐用该组件。

 

 

高级:

(一)  如果需要深入了解Open Flash Chart,可以先从社区版本data-files里面带的数据文件分析开始。http://ofc2dz.com/OFC2/downloads/OFC2-Documentation.zip  ,上面的连接提供了对于json数据文件各种属性的简单说明。

 

(二)  在充分了解各种json数据文件的格式后,你就可以知道各种后端的ofc libaray对于open-falsh-chart的支持能力。如果在某些方面你觉得不足,都可以自己动手编写相应的Patch

 

(三)  如果你觉得还不过瘾,可以分析一下社区版本里面的open-flash-chartflash部分的源代码,熟悉open-falsh-chart.swf组件的设计。如果想添加自己的新的特性,还可以修改actionscript源码,编译出属于你自己的open-flash-chart.swf

 

(四)  还不过瘾,你可以分析一下其他支持Web的图形报表组件,例如FushionCharts JFreeChartBirt ChartGoogle Chart等,对比各组件的优缺点,取长补短,添加到open-falsh-chart中。(参见http://blog.csdn.net/aatewu/article/details/4404071

 

如果掌握了上面几方面的能力,恭喜你,你也有能力为开源社区做贡献了。

 

感言:涉及多个软件组件配合使用的时候,明确各组件的版本很重要,否则就是层出不穷的问题。另外,很多开源文件,文档缺乏是个通病,要想了解某组件的具体能力,很多时候要摸着石头过河。

 

 

 

  • 大小: 21.1 KB
  • 大小: 77.8 KB
  • Ofc.rar (284.2 KB)
  • 下载次数: 93
分享到:
评论
1 楼 androidev888 2012-08-29  
非常感谢!

相关推荐

    open flash chart api

    Open Flash Chart API 是一款强大的开源图表库,它使用Flash技术来生成高质量、交互式的图表。在Web开发中,数据可视化是至关重要的,Open Flash Chart API 提供了丰富的功能,使得开发者能够轻松创建各种类型的图表...

    Open Flash Chart 教程

    总结,Open Flash Chart教程主要涵盖了如何使用其JavaScript API创建各种类型的图表,并提供了示例帮助理解。通过学习这个教程,开发者能够提升Web应用程序的数据可视化能力,制作出专业且吸引人的数据展示。

    open flash chart库

    - **跨平台支持**:尽管主要面向PHP,但通过API接口,Open Flash Chart也可以与其他编程语言如Python、Ruby等结合使用。 ### 2. 使用步骤 1. **安装**:首先,下载并解压`open-flash-chart-2-Lug-Wyrm-Charmer`...

    Open Flash Chart所需文件

    首先,Open Flash Chart的安装与使用。要开始使用Open Flash Chart,你需要将包含的SWF文件(通常是open-flash-chart.swf)上传到你的Web服务器,并确保HTML页面可以访问到它。然后,通过JavaScript或服务器端语言...

    完整的open flash chart 。

    2. **开源**:作为开源项目,Open Flash Chart的源代码可供所有人查看和修改。这意味着开发者可以根据自己的需求进行定制,或者贡献新的功能和改进,从而构建适合特定应用的图表解决方案。 3. **图表类型**:Open ...

    open flash chart2实例

    通过这个实例集,你可以学习到如何使用Open Flash Chart 2创建各种类型的图表,并了解如何调整样式和添加交互功能。对于需要在Web应用中展示数据的开发者来说,Open Flash Chart 2是一个强大且灵活的解决方案。

    Open Flash Chart2 相关资料

    1.Open Flash Chart2官网最后版本; 2.Open Flash Chart2非官方后续开发最新版本; 3.Open Flash Chart2 Java中所需的扩展Jofc2最新版本; 4.Open Flash Chart2的基础入门教程。 (压缩包中的jofc版本可能有点旧,...

    Open Flash Chart的使用说明及参数的设定

    Open Flash Chart,制作图表,柱状图,饼图,线点图,Open Flash Chart的使用说明及参数的设定。

    开源flash图表--open flash chart

    2. **丰富的图表类型**:Open Flash Chart支持多种图表类型,如折线图、柱状图、饼图、散点图、面积图、甘特图等,能满足各种数据分析和展示的需求。 3. **高度可定制**:开发者可以通过调整各种参数来改变图表的...

    Open Flash Chart例子、中文版PDF说明文档、参数表

    几个步骤教你如何使用open flash chart,容易上手。 参数整理表,包括:饼图、柱状图 、线状图、玻璃柱状图、渐变柱状图、速写柱状图、3D柱状图、点状分布图、区域图、蜡烛图、高低图。  包括实例和各种语言的调用...

    open-flash-chart2系列教程

    总结来说,Open Flash Chart 2是一个功能强大且易于使用的图表库,通过JSON数据驱动,支持多种编程接口,适用于各种Web应用的图表展示。掌握OFC2的使用,不仅能提升数据可视化的效果,也能提高开发效率,为项目增添...

    open flash chart 2 线性图 柱形图 饼状图

    Open Flash Chart 2 是一款强大的开源图表库,用于在网页中生成高质量的交互式图表。它使用Flash技术,提供丰富的视觉效果,同时保持了良好的浏览器兼容性和易用性。线性图、柱形图和饼状图是数据可视化中常见的图表...

    Open Flash Chart 报表插件相关

    下面将详细介绍Open Flash Chart的主要特点、使用方法以及如何与ASP.NET集成。 Open Flash Chart的特点: 1. **多样的图表类型**:Open Flash Chart提供了各种图表类型,如柱状图、折线图、饼图、散点图、雷达图等...

    Open Flash Chart的应用(java),就是很炫的报表了

    这里面有两个java代码工程和 Open Flash Chart API。工程都是调试过的直接导入可用,代码都有详细的注释,如果你真是想用到报表之类的东西,肯定很不错了。 工程所需的jar 包 js文件都有,基本上很全。 第一步:...

    open-flash-chart-1[1].9.7.zip_flash chart tr_open flash chart

    开发者应仔细阅读此文件以了解如何开始使用Open Flash Chart。 4. **perl-ofc-library**、**perl-2-ofc-library**:这是Perl语言的Open Flash Chart接口库,允许Perl开发者通过简单的API调用来生成和定制图表。 5....

    open flash chart 实例2

    在网页数据可视化领域,Open Flash Chart是一款强大的开源图表库,它使用Flash技术绘制出各种美观且交互性强的图表。本文将深入探讨Open Flash Chart的实际应用,结合提供的"chart-2.html"和"data.php"两个文件,为...

    flash图表组件Open Flash Chart 2.0+(asp/php)自动提取示例+使用说明

    文件由官方提供的open-flash-chart-2-Lug-Wyrm-Charmer.zip原版文件,仅修改支持透明的flash的swfobject.js,原文件也在压缩包内。 增加方便调用示例文件的index.php和index.asp,其它文件未做任何改动。 php环境请...

    open flash chart-2 简单教程 DEMO

    下面我们将对Open Flash Chart-2的基础使用进行详细讲解,并结合"ReportDemo"这个示例文件,探讨如何创建和定制图表。 首先,了解Open Flash Chart-2的基本结构。该库基于ActionScript,但与服务器端的通信主要依赖...

Global site tag (gtag.js) - Google Analytics