`
crabdave
  • 浏览: 1277079 次
  • 性别: 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  
太好了！谢谢了！正好要用到这个东西！要是能再有更多的例子就更好了！
发表评论

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

相关推荐

    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说明文档，是中文版...

    open flash chart 2.0

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

    open flash chart (web 实例)

    open flash chart 是用于画图免费组件

    Open Flash Chart Flash图表

    Open Flash Chart 是一个用来生成Flash的图表的组件，它能够为你生成很多漂亮的Flash图表。

    FlashChart技术研究

    Open Flash Chart组件的使用 简介 OpenFlashChart是一个开源的报表制作组件，该组件能够自动生成一个好看的、动态的flash报表；该组件使用flash展示报表能够很好的做到与浏览器进行集成，目前浏览器基本都能很好的...

    open flash chart

    包含了3个文件： 1.Graph-doc，绘图的API说明 2.OpenFlashChartDemo,代码使用示例，java工程 3.OpenFlashChart组件的使用.doc，对关键节点进行注解，对代码工程的文档说明 -----代码搬运工

    最新版Open Flash Chart

    开源的flash图表组件，这是最新的2.0版本。帮助文档我会在之后的时间里放上去。

    open-flash-chart-1.9.6.zip_chart_flash chart_open_open flash cha

    OpenFlash是国外的一款开源的web图表组件，以flash形式显示曲线饼图，支持多种web语言。压缩包中带有Demo

    open flash char2 操作文当

    Open flash chart 简称OFC，是一个开源的flash报表组件。我们不仅可以免费使用，而且还可以修改源代码，来达到我们想要的效果。客户端在得到数据以后，在Flash Player中渲染出报表图。 目前通用的OFC版本为2 Lug ...

    open-flash-chart实例

    open-flash-chart是一个用来生成Flash的图表的组件，项目首页有很多漂亮的Flash图表以及使用示例

    OPEN FLASH CHART

    该组件使用flash展示报表能够很好的做到与浏览器进行集成，目前浏览器基本都能很好的支持flash；该组件还支持一些简单的JavaScript，提供在图形上对外部URL的链接；具有多种WEB开发语言的库函数。

    open-flash-chart-2-alpha-8.zip

    Open flash chart(OFC)是一款非常强大且非常绚丽的图表生成组件，而且开源免费。 2.0的版本数据格式完全用JSON来处理，非常灵活，官方提供了各种接口程序，包括PHP/PHP5、Pear、Python、Java、Dotnet，调用也非常...

    open-flash-chart

    强大的FLASH图表组件，支持ASP.NET,PHP,JAVA等，而且有开源实例，可做二次开发

    Web Chart 极品web报表控件收集Web+Chart

    Open Flash Chart - Open Flash Chart 是一个 Flash 图表组件，很容易安装，提供以下语言的API： PHP, Perl, Python, Java, Ruby on Rails, and .Net 来控制图表。 ? AmCharts - AmCharts 是一个动画交互Flash图表...

    Chart 极品web报表控件收集（Flot,AmCharts, Emprise JavaScript Charts...)

    Open Flash Chart - Open Flash Chart 是一个 Flash 图表组件，很容易安装，提供以下语言的API： PHP, Perl, Python, Java, Ruby on Rails, and .Net 来控制图表。 • AmCharts - AmCharts 是一个动画交互Flash...

    java开发 openflashchart 的demo 文档

    java开发中运用的 报表工具 报出的flash 图表比较炫丽。 我提供了 开发的demo 和doc 和 组件使用 希望对感兴趣的朋友有帮助。

    OpenFlashChart 开源Flash图表组件

    内容索引:PHP源码,统计调查,图表控件,OpenFlashChart　OpenFlashChart 是一款基于Flash、，效果挺不错，自带实例非常多，更重要的是它是完全免费而且开源的，用它可以方便制作各式各样的网页报表，美观、好用。...

    openflashchart.jar

    openflashchart.jar文件，做图标的最漂亮的组件

    OpenFlashChart组件的使用

    OpenFlashChart组件的使用介绍，pdf版本。

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