`
crabdave
  • 浏览: 1295594 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Open Flash Chart组件的使用

FlashjfreechartJavaScriptIEExcel 
阅读更多

Open Flash Chart组件的使用

简介

OpenFlashChart是一个开源的报表制作组件，该组件能够自动生成一个好看的、动态的flash报表；该组件使用flash展示报表能够很好的做到与浏览器进行集成，目前浏览器基本都能很好的支持flash；该组件还支持一些简单的JavaScript，提供在图形上对外部URL的链接；该组件非常小，java类一共不超过10个，可操作的API也很少，这样学习起来也非常容易上手。但可阅读的文档非常少，在与其它框架集成方面还有些问题。

主要配置项：

Ø         openflashchart.jar:Open Flash Chart组件，工程开始时引入(lib目录下)。

Ø         open-flash-chart.swf:Flash文件接口，通过该文件来生成Flash文件，备页面调用(在web目录下，与WEB-INF目录并级)。

Ø         swfobject.js:Flash文件依赖的JS文件(在web目录下，与WEB-INF目录并级)。

 

Open Flash Chart主要有：HTML、JSP、Servlet等三种使用方式。其具体介绍参见附件中(在这里发表文章好像还有篇幅的限制...)。在附件中还提供了Demo和ofc的文档，供大家下载研究。

备注和补充说明：

1、该组件支持java 1.5以上版本。

2、利用Servlet API输出数据时应该注意设置编码，防止出现乱码。

如：response.setCharacterEncoding("utf-8");//设置字符集，在项目中使用utf-8页面不会出现乱码。

3、在页面Object标签中如果要开启外链支持，需要设置allowScriptAccess=always(默认为sameDomain，即不允许跨域访问)允许突破同源策略访问外部链接或者执行Javascript代码。

4、在图形链接时如果指定的是调用Javascript代码，注意应该避免出现逗号，因为这个设置是作为字符串（可能包括多个图形的链接，同时以逗号分隔）传递给Flash接口的，它会对这个字符串利用逗号进行split，从而出现Javascript解析错误，无法正确执行Javascript代码。

5、OFC4J对OpenFlashChart的面向对象封装很好，但是目前版本不支持图形链接。

 

在项目使用过程中，发现在与公司开发框架的集成过程中出现一些问题：

1)      同样版本的IE，有的IE访问时出现JavaScript错误，而有的IE却很正常；

2)      所有图形输出之前全都设置相同的字符集，却出现在有的图形中出现乱码，而在有的图形中中文显示正常。而另一个项目组在开发桌面应用时使用的就是该组件，却一直很正常，没有出现大的问题。

该组件还不是很成熟，在我们开发报表，选择第三方组件时，应该谨慎。本人建议还是采用目前比较成熟的jFreeChart组件进行报表的开发。

 

 

分享到：
| 批量插入一个select出来的结果集，如果被插 ...
评论
21 楼 lql000000l 2013-06-25  
很不错，已经跑起来了，但现在有个问题是如何把这个demo整合到我的springMVC里面去，那里是没有servlet的呀
20 楼 java小强 2012-06-17  
顶一个，很不错啊
19 楼 guoyanwei_ok 2012-02-06  
顶下好帖子
18 楼 pdw2009 2009-04-29  
FusionCharts 是好用,但这个东东企业版是要收钱的....
17 楼 wqq686 2009-04-28  
感谢博主，您的精神让我敬佩，谢谢！！
16 楼 ericxu131 2009-04-27  
demo不错，谢谢
15 楼 Tom.Leo 2009-03-01  
请大家帮我解决一下上面的问题：：谢谢！！
14 楼 Tom.Leo 2009-03-01  
大哥大姐请指教：
我用的是ofc1.9.7版本，程序如下：
<script type="text/javascript" src="swfobject.js"></script>
<script language="javascript">
function push()
{
  tmp = findSWF("chart");
  x = tmp.push_value(
    0,
    document.getElementById('my_val').value,
    document.getElementById('my_label').value );
}

function findSWF(movieName) {
  if (navigator.appName.indexOf("Microsoft")!= -1) {
    return window["ie_" + movieName];
  } else {
    return document[movieName];
  }
}
</script>
<body>
<div id="mychart" style="padding: 0px; margin:10px; border: 1px solid lightblue; width: 250px; height: 200px;" onMouseOut="__onrollout();"></div>

<script type="text/javascript">
var so = new SWFObject("open-flash-chart.swf", "chart", "250", "200", "9", "#FFFFFF");
so.addVariable("variables","true");
so.addVariable("title","Test,{font-size: 20;}");
so.addVariable("y_legendx","Open Flash Chart,12,0x736AFF");
so.addVariable("y_label_size","15");
so.addVariable("y_ticks","5,10,4");
so.addVariable("bar","50,0x9933CC,Page views,10");
so.addVariable("values","6,7,5,6,9");
so.addVariable("x_labels","January,March,May,June,August");
so.addVariable("x_axis_steps","2");
so.addVariable("y_max","20");
so.addParam("allowScriptAccess", "sameDomain" );
so.addParam("onmouseout", "onrollout2();" );
so.write("mychart");
</script>
<p>
Value: <input type="text" id="my_val"> Label: <input type="text" id="my_label"> <a href="javascript:push();">push new value</a>.
</p>
</body>
可显示图像，但不能正常调用程序中的push()方法，点击“push new value”时没效果。
请知道的帮忙解决下：谢谢！
13 楼 0758jian 2008-12-23  
请看我用它做的几个例子:
Bar演示:http://www.51toria.cn/article.asp?id=78
Radar演示:http://www.51toria.cn/demo/openflashchart/radar.html
投票程序:http://www.51toria.cn/demo/openflashchart/toupiao.html
12 楼 hantsy 2008-12-19  
这种flash方式生成图表一般不依赖开发语言。。。
我以前用过一种PHP swf chart，都是传递xml数据给一个flash文件就行了。
11 楼 sywan3596 2008-12-19  
正在研究看了，觉得很强大！ 谢谢楼主
10 楼 whaosoft 2008-12-03  
不明白为什么在自己电脑上能看 别人访问我就不能看了~~
9 楼 student007 2008-11-02  
哥们，我怎么找不到你说的那几个 jar文件啊，我在http://teethgrinder.co.uk/open-flash-chart/download.php 处下载的源文件，可就是没你说的那些东东啊。请帮忙啊，我的邮箱：zhongjun_xue@163.com
8 楼 alxy321 2008-10-28  
你QQ好多少啊。 雷达图怎么做。请教下。
7 楼 jlcon 2008-10-13  
这东西不好用，FusionCharts比较好用些。
6 楼 igogo007 2008-09-20  
这东西关键是要看效果，对客户来说，美观是最重要的。
5 楼 xiaoyu 2008-09-20  
jfreechart 真的是易懂难精呀, 很不想用, 和excel生成的图差太远了
4 楼 wjianj 2008-09-20  
正想换掉jfreechart，可以好好研究一下，谢谢楼主。
3 楼 moon_vv 2008-07-18  
jFreeChart他也可以动起来的只要applet写得好动起来还是很壮观的，不信你看看demo，就是成本太大了，可惜要是jfreechart能轻巧一点就好了，其他工具的实现方法，不是太难看，就是太麻烦了。FusionCharts其实也很好也很专业的。要是在这方面能找到更多的资料加以学习就更好了。现在关键在于有没有合适的资料和案例分析
再次感谢分享资料！
2 楼 jyfln1234 2008-05-30  
太好了！谢谢了！正好要用到这个东西！要是能再有更多的例子就更好了！
发表评论

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

相关推荐

    open flash chart api

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

    Open Flash Chart所需文件

    在这个压缩包文件中，你可能找到了Open Flash Chart的主要组件和必要的资源，下面我们将深入探讨这个库的关键知识点。 首先，Open Flash Chart的安装与使用。要开始使用Open Flash Chart，你需要将包含的SWF文件...

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

    本实例在IE6、IE7、IE8、Chrome、Firefox测试通过，在实际项目使用中，对可能出现的问题，尤其在IE6中无法显示flash图表，本人特撰写《Flash图表组件——使用Open Flash Chart 2.0的一些问题及解决办法》，具体访问...

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

    Open Flash Chart（简称OFC），是一个开源的flash报表组件。我们不仅可以免费使用，而且还可以修改源码，来达到我们想要的效果。客户端在得到数据以后，在Flash Player中渲染出报表图。 　附带PDF说明文档，是中文版...

    开源flash图表--open flash chart

    Open Flash Chart还提供了许多高级特性，如动画效果、数据动态更新、图表组件（如工具提示、图例、轴标签）等。通过学习和实践，开发者可以充分利用这些功能，构建出更复杂、更具吸引力的图表应用。 **五、相关资源...

    open flash chart 2 使用

    **Open Flash Chart 2 使用详解** Open Flash Chart 2 是一款强大的开源图表库，它使用 Adobe Flash 技术来创建各种美观且交互性强的数据可视化图表。这个库特别适合那些需要在网页上展示复杂数据的开发者，它提供...

    最新版Open Flash Chart

    虽然在提供的信息中未提及具体内容，但此文件对于初次使用者来说至关重要，因为它会引导用户如何正确使用和配置Open Flash Chart。 `js-ofc-library`目录包含了JavaScript库，这使得在网页中与Open Flash Chart进行...

    Open Flash Chart java例子 eclipse 测试通过

    在JSP页面中，你需要使用JavaScript来接收服务器端传递的JSON数据，并初始化Open Flash Chart组件。这通常涉及在HTML中嵌入一个Flash对象，并在JavaScript中设置它的源为一个动态生成的SWF URL。这个URL将包含服务器...

    open flash chart 实例1

    - `chart.html`是包含Open Flash Chart实例的HTML文件，它负责加载Flash组件并嵌入到页面中。 - HTML文件中通常会有一个`&lt;object&gt;`或`&lt;embed&gt;`标签用于嵌入Flash内容，这里会引用Open Flash Chart的SWF文件。 - ...

    open flash chart 1.9 文档及源码

    本文将深入探讨Open Flash Chart 1.9版本，包括其核心特性、使用方法以及如何通过Java源代码与之集成，帮助读者更好地理解和应用这一强大的图表工具。 一、Open Flash Chart概述 Open Flash Chart 1.9 是一个基于...

    open flash chart 2.0

    该组件使用flash展示报表能够很好的做到与浏览器进行集成，目前浏览器基本都能很好的支持flash； 该组件还支持一些简单的JavaScript， 提供在图形上对外部URL的链接；该组件非常小，java类一共不超过10个，可操作的...

    open flash chart 例子相关的说明文档

    Graph-doc.rar包含的是关于图表组件的进一步文档，这些文档可以帮助开发者更深入地理解Open Flash Chart的高级功能，比如动态更新图表、添加交互式元素（如鼠标悬停时显示数据点信息）以及如何使用多种类型的图表...

    RCP Open Flash Chart

    3. **Flash嵌入**：在RCP应用中展示Flash图表，需要将Open Flash Chart的SWF文件嵌入到SWT的Browser组件中。这通常涉及到HTML和JavaScript的使用，因为Browser组件可以显示HTML内容，并通过JavaScript与SWF文件进行...

    open flash chart (web 实例)

    Open Flash Chart 是一款免费的Web图表组件，它使用Flash技术来创建丰富的、动态的以及交互式的图表。在Web应用程序中，数据可视化是至关重要的，Open Flash Chart 提供了一种高效且灵活的方式来呈现各种类型的数据...

    open flash chart源码加示例

    首先，我们来看看`open-flash-chart.swf`这个文件，它是Open Flash Chart的核心组件，包含预编译的Flash图表引擎。开发者可以通过JavaScript或者服务器端脚本向这个SWF发送数据，从而生成各种类型的图表，如折线图、...

    Open Flash Chart Flash图表

    以下是对Open Flash Chart核心特性和使用方法的详细解析： 1. **基本概念与结构** - **图表类型**：Open Flash Chart支持多种图表类型，包括折线图、柱状图、饼图、散点图、甘特图等，满足不同数据展示需求。 - *...

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

    此外，Open Flash Chart 2 还支持自定义图表组件，如图例、工具提示、数据点标记等，以满足各种复杂的可视化需求。 总的来说，Open Flash Chart 2 是一个强大而灵活的图表库，尤其适合那些希望在网页中展示具有吸引...

    open flash chart

    6. **下载与安装**："Open Flash Chart"的下载通常包括SWF文件（Flash组件）、JavaScript库和相关的示例代码。开发者需要将这些文件添加到Web项目中，并根据需求进行配置。 在提供的文件"chart"中，可能包含了"Open...

    open-flash-chart

    使用Open-Flash-Chart的主要优点包括： 1. **灵活性**：它提供了大量的自定义选项，允许开发者调整颜色、字体、图表元素的形状和大小，甚至添加动画效果，以满足特定的设计需求。 2. **性能优化**：尽管是基于...

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