- 浏览: 916915 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (263)
- J2EE (9)
- Spring (11)
- Hibernate (11)
- Struts (5)
- opensource (19)
- Hadoop (28)
- 架构设计 (8)
- 企业应用 (10)
- SNMP (8)
- SSO (4)
- webservice (11)
- RPC (2)
- 编程语言 (0)
- Java (30)
- Javascript (5)
- NoSQL (11)
- 数据库 (0)
- oracle (8)
- MySQL (3)
- web (1)
- Android (2)
- Linux (15)
- 软件工具 (15)
- 项目构建 (11)
- 测试工具 (2)
- Exception (19)
- 杂谈 (4)
- Groovy (5)
- Nodejs (1)
- MacOSX (4)
最新评论
-
fighhin:
decode(BinaryBitmap,java.util.M ...
条形码/二维码之开源利器ZXing图文介绍 -
u013489005:
追问:楼主,请问有中文文档么?我的邮箱是frankgray@s ...
Java表达式计算引擎:Expr4J -
u013489005:
感谢博主 需要引入的包是import java.io.*;im ...
Java表达式计算引擎:Expr4J -
calosteward:
感谢楼主分享。。 Zxing 我听说过的。__________ ...
条形码/二维码之开源利器ZXing图文介绍 -
u013810758:
judasqiqi 写道感谢楼主!想请问楼主一下这个生成的图片 ...
Java实现二维码QRCode的编码和解码
blog迁移至:http://www.micmiu.com
Open Flash Chart2 与1.x版本最大不同之处在于可以把数据格式改成JSON,可以很方便的运用Ajax实现动态加载数据,
同时可以把生成的flash保存成图片(这个功能很实用)。
下面图文并茂一步一步详细介绍Open Flash Chart2的应用。
一、官网及相关下载的网站
二、HTML页面用JSON数据直接生成flash。
效果如下图:
三、页面Ajax动态读取数据生成flash。
java类中用到了jofc2-1.0-0.jar这个类
效果图如下:
四、通过javascript把flash保存成图片。
下面介绍如何将生成的flash另存为图片,一般情况下我们运用js就可以直接在页面生产图片,
由于IE6、IE7 不支持base64编码图片显示,之后将介绍其他方法
当然不是必须要用这些JS库(jQuery 或prototype)才能完成这个功能,如果你不喜欢用这些JS库,也可以自己写的。
1.jQuery 的实现:
点击页面上生成图片按钮后会在页面的右侧生成一张图片,如图:
2.prototype 的实现:
把相应的JS和按钮的onclick 函数改写下就可以了
3.不要任何JS库
只要把相应的JS和按钮的onclick 函数改写下就可以了
另打开页面显示图片:在生成flash右击,选中Save Image locally 如下图
由于IE6、IE7不支持base64码,如果要在IE6、IE7中兼容,可以将图片的base64码post到服务器,然后利用服务端生成图片,再将文件流在返回给浏览器(类似图片下载的方法),具体如下:
你是在chrome 下运行的么?
把项目部署到在web容器下运行试试
你先告诉我你的运行环境?
我已经解决了,呵呵。
你先告诉我你的运行环境?
他的问题我已经帮他解决了
<%@ include file="/common/taglibs.jsp"%>
这个是引入jstl标签库的,可以去掉的。我修改了。
另外post到服务器再返回的那段代码,是怎么调用的?
上面有具体的实现代码,可以实现了浏览器类似文件另存的功能。
注意上面的JavaScript里的get_img_binary(),这个方法可以生成imgBase64Code
不好意思啊,python环境下真没有研究过,没办法给你实例,
不过官网提供了对python的支持的library,可以看一下的:
http://teethgrinder.co.uk/open-flash-chart-2/tutorial-other-libraries.php#python
Open Flash Chart2 与1.x版本最大不同之处在于可以把数据格式改成JSON,可以很方便的运用Ajax实现动态加载数据,
同时可以把生成的flash保存成图片(这个功能很实用)。
下面图文并茂一步一步详细介绍Open Flash Chart2的应用。
一、官网及相关下载的网站
- Open Flash Chart2 的官网:http://teethgrinder.co.uk/open-flash-chart-2/
- JOFC2:http://code.google.com/p/jofc2/
- http://sourceforge.net/projects/openflashchart/
二、HTML页面用JSON数据直接生成flash。
<html> <head> <script type="text/javascript" src="ofc2/json2.js"></script> <script type="text/javascript" src="ofc2/swfobject.js"></script> </head> <body> <h2>页面直接生成flash</h2> <div id="my_chart"></div> </body> <script type="text/javascript"> swfobject.embedSWF("ofc2/open-flash-chart.swf", "my_chart", "400", "300", "9.0.0", "expressInstall.swf", {"get-data":"getDemoData"}); function getDemoData(){ var barData={ "y_axis":{"max":26,"steps":2.5}, "title":{"text":"每周水果产量"}, "is_decimal_separator_comma":0, "elements":[{"values":[ {"colour":"0x336699","tip":"16.0 吨 ","top":16}, {"colour":"0x336699","tip":"8.0 吨 ","top":8}, {"colour":"0x336699","tip":"18.0 吨 ","top":18}, {"colour":"0x336699","tip":"12.0 吨 ","top":12}, {"colour":"0x336699","tip":"16.0 吨 ","top":16}, {"colour":"0x336699","tip":"24.0 吨 ","top":24}, {"colour":"0x336699","tip":"6.0 吨 ","top":6} ], "type":"bar_glass"} ], "num_decimals":2, "is_fixed_num_decimals_forced":0, "x_axis":{"labels":{"labels":["星期1","星期2","星期3","星期4","星期5","星期6","星期日"]}}, "is_thousand_separator_disabled":0 }; return JSON.stringify(barData); } </script> </html>
效果如下图:
三、页面Ajax动态读取数据生成flash。
java类中用到了jofc2-1.0-0.jar这个类
<%@ page language="java" contentType="text/html; charset=UTF-8"%> <html> <head> <link href="common/common.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="ofc2/swfobject.js"></script> </head> <body> <table width="100%"> <tr> <td> <h2>Ajax动态读取数据生成flash</h2> </td> </tr> <tr> <td> <div id="ofc2_bar01"></div> </td> </tr> </table> </body> <script type="text/javascript"> swfobject.embedSWF( "ofc2/open-flash-chart.swf", "ofc2_bar01", "400", "300", "9.0.0", "expressInstall.swf", {"data-file":"DrawOfc2ChartMainAction.do?method=getDrawBarData"}, {wmode:"transparent"} ); </script> </html>
/** * Open flash chart 2 * @author Michael sun */ public class DrawOfc2ChartMainAction extends DispatchAction { /** * draw chart * @param mapping struts mapping * @param form struts form * @param request http request * @param response http response * @return action forward * @throws Exception any execption */ public ActionForward getDrawBarData(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { response.setContentType("application/json"); response.setHeader("Cache-Control", "no-cache"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); Map<String, Double> dataMap = new LinkedHashMap<String, Double>(); dataMap.put("1", 16d); dataMap.put("2", 8d); dataMap.put("3", 18d); dataMap.put("4", 12d); dataMap.put("5", 16d); dataMap.put("6", 24d); dataMap.put("日", 6d); Chart ofc2Chart = new Chart(); Text title = new Text("每周水果产量"); ofc2Chart.setTitle(title); BarChart barChart = new BarChart(BarChart.Style.GLASS); // 设置条状图样式 double ymax = 25d; // //Y 轴最大值 XAxis x = new XAxis(); // X 轴 for (Entry<String, Double> entry : dataMap.entrySet()) { x.addLabels("星期" + entry.getKey()); // x 轴的文字 Bar bar = new Bar(entry.getValue(), " 吨 "); bar.setColour("0x336699"); // 颜色 bar.setTooltip(entry.getValue() + " 吨 "); // 鼠标移动上去后的提示 barChart.addBars(bar); // 条标题,显示在 x 轴上 } ofc2Chart.addElements(barChart); ofc2Chart.setXAxis(x); YAxis y = new YAxis(); // y 轴 y.setMax(ymax + 1.0); // y 轴最大值 y.setSteps(ymax / 10); // y 轴步进 ofc2Chart.setYAxis(y); String jsonChart = ofc2Chart.toString(); out.write(jsonChart); out.close(); return null; } }
效果图如下:
四、通过javascript把flash保存成图片。
下面介绍如何将生成的flash另存为图片,一般情况下我们运用js就可以直接在页面生产图片,
由于IE6、IE7 不支持base64编码图片显示,之后将介绍其他方法
当然不是必须要用这些JS库(jQuery 或prototype)才能完成这个功能,如果你不喜欢用这些JS库,也可以自己写的。
1.jQuery 的实现:
<%@ page language="java" contentType="text/html; charset=UTF-8"%> <html> <head> <link href="common/common.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="common/jquery-1.3.2.js"></script> <script type="text/javascript" src="ofc2/swfobject.js"></script> </head> <body> <table width="900"> <tr> <td> <p>这是flash</p> <div id="ofc2_bar01"></div> </td> <td> <p>这是图片</p> <div id="img_chart_1"></div> </td> </tr> <tr> <td colspan="2"><input type="button" name="btncopy" onclick="OFC.jquery.rasterize('ofc2_bar01', 'img_chart_1')" value="生成图片"></td> </tr> </table> </body> <script type="text/javascript"> swfobject.embedSWF( "ofc2/open-flash-chart.swf", "ofc2_bar01", "300", "300", "10.0.0", "expressInstall.swf", {"data-file":"DrawOfc2ChartMainAction.do?method=getDrawBarData"}, {wmode:"transparent"} ); </script> <script type="text/javascript"> OFC = {}; OFC.jquery = { name: "jQuery", version: function(src) { return $('#'+ src)[0].get_version() }, rasterize: function (src, dst) { $('#'+ dst).replaceWith(OFC.jquery.image(src)) }, image: function(src) { return "<img src='data:image/png;base64," + $('#'+src)[0].get_img_binary() + "' />"}, popup: function(src) { var img_win = window.open('', 'Image') with(img_win.document) { write('<html><head><title>Charts: Export as Image</title></head><body>' + OFC.jquery.image(src) + '</body></html>') } // stop the 'loading...' message img_win.document.close(); } } // Using an object as namespaces is JS Best Practice. I like the Control.XXX style. //if (!Control) {var Control = {}} //if (typeof(Control == "undefined")) {var Control = {}} if (typeof(Control == "undefined")) {var Control = {OFC: OFC.jquery}} // By default, right-clicking on OFC and choosing "save image locally" calls this function. // You are free to change the code in OFC and call my wrapper (Control.OFC.your_favorite_save_method) // function save_image() { alert(1); Control.OFC.popup('my_chart') } function save_image() { alert(1); OFC.jquery.popup('ofc2_bar01') } function moo() { alert(99); }; </script> </html>
点击页面上生成图片按钮后会在页面的右侧生成一张图片,如图:
2.prototype 的实现:
把相应的JS和按钮的onclick 函数改写下就可以了
<script type="text/javascript"> OFC = {} OFC.prototype = { name: "Prototype", version: function(src) { return $(src).get_version() }, rasterize: function (src, dst) { $(dst).replace(new Element("img", {src: Control.OFC.image(src)})) }, image: function(src) {return "data:image/png;base64," + $(src).get_img_binary()}, popup: function(src) { var img_win = window.open('', 'Image') with(img_win.document) { write("<html><head><title>Charts: Export as Image</title></head><body><img src='" + Control.OFC.image(src) + "' /></body></html>") } } } // Using an object as namespaces is JS Best Practice. I like the Control.XXX style. if (typeof(Control == "undefined")) {var Control = {OFC: OFC.prototype}} //if (!Control) {var Control = {}} // By default, right-clicking on OFC and choosing "save image locally" calls this function. // You are free to change the code in OFC and call my wrapper (Control.OFC.your_favorite_save_method) function save_image() { Control.OFC.popup('ofc2_bar01') } </script>
3.不要任何JS库
只要把相应的JS和按钮的onclick 函数改写下就可以了
<script type="text/javascript"> OFC = {} OFC.none = { name: "pure DOM", version: function(src) { return document.getElementById(src).get_version() }, rasterize: function (src, dst) { var _dst = document.getElementById(dst) e = document.createElement("div") e.innerHTML = Control.OFC.image(src) _dst.parentNode.replaceChild(e, _dst); }, image: function(src) {return "<img src='data:image/png;base64," + document.getElementById(src).get_img_binary() + "' />"}, popup: function(src) { var img_win = window.open('', 'Image') with(img_win.document) { write("<html><head><title>Charts: Export as Image</title></head><body>" + Control.OFC.image(src) + "</body></html>") } } } if (typeof(Control == "undefined")) {var Control = {OFC: OFC.none}} function save_image() { Control.OFC.popup('ofc2_bar01') } </script>
另打开页面显示图片:在生成flash右击,选中Save Image locally 如下图
由于IE6、IE7不支持base64码,如果要在IE6、IE7中兼容,可以将图片的base64码post到服务器,然后利用服务端生成图片,再将文件流在返回给浏览器(类似图片下载的方法),具体如下:
/** * upload img * @param mapping struts mapping * @param form struts form * @param request http request * @param response http response * @return action forward * @throws Exception any execption */ public ActionForward exportImg(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { String imgBase64Code = request.getParameter("imgBase64Code"); response.setContentType("image/PNG;charset=UTF-8"); response.setHeader("Content-disposition", "attachment; filename=" + new String("flashExport.png".getBytes(), "iso-8859-1")); this.createImg(response.getOutputStream(), imgBase64Code); return null; } /** * * @param os * @param base64Code */ private void createImg(OutputStream os, String base64Code) { BASE64Decoder decoder = new BASE64Decoder(); try { byte[] b = decoder.decodeBuffer(base64Code); for (int i = 0; i < b.length; ++i) { if (b[i] < 0) { b[i] += 256; } } os.write(b); } catch (Exception e) { logger.error(" create img error:", e); } }
评论
17 楼
sjsky
2012-09-06
sunney2012 写道
Uncaught TypeError: Object #<HTMLObjectElement> has no method 'get_version'
Chrome下报错 没有 get_version 和 get_img_binary 方法
楼主如何解决????
Chrome下报错 没有 get_version 和 get_img_binary 方法
楼主如何解决????
你是在chrome 下运行的么?
16 楼
sjsky
2012-09-06
xw007119 写道
我也一直在loading data。。。。
请问是如何解决
请问是如何解决
把项目部署到在web容器下运行试试
15 楼
sunney2012
2012-09-05
Uncaught TypeError: Object #<HTMLObjectElement> has no method 'get_version'
Chrome下报错 没有 get_version 和 get_img_binary 方法
楼主如何解决????
Chrome下报错 没有 get_version 和 get_img_binary 方法
楼主如何解决????
14 楼
xw007119
2012-09-04
我也一直在loading data。。。。
请问是如何解决
请问是如何解决
13 楼
zhyefeixin
2012-03-15
谢谢,我也解决了
12 楼
20067765
2012-02-15
sjsky 写道
zhyefeixin 写道
20067765 写道
我和7楼的兄弟情况一样,也是一直在loading data。。。。
不知道什么地方弄错了。。
不知道什么地方弄错了。。
你先告诉我你的运行环境?
我已经解决了,呵呵。
11 楼
sjsky
2012-02-09
zhyefeixin 写道
20067765 写道
我和7楼的兄弟情况一样,也是一直在loading data。。。。
不知道什么地方弄错了。。
不知道什么地方弄错了。。
你先告诉我你的运行环境?
10 楼
zhyefeixin
2012-02-07
20067765 写道
我和7楼的兄弟情况一样,也是一直在loading data。。。。
不知道什么地方弄错了。。
不知道什么地方弄错了。。
9 楼
sjsky
2012-01-05
20067765 写道
我和7楼的兄弟情况一样,也是一直在loading data。。。。
不知道什么地方弄错了。。
不知道什么地方弄错了。。
他的问题我已经帮他解决了
8 楼
20067765
2012-01-05
我和7楼的兄弟情况一样,也是一直在loading data。。。。
不知道什么地方弄错了。。
不知道什么地方弄错了。。
7 楼
www861168com
2011-10-24
你好,看了你的这篇文章,也下载了你的附件。
http://sjsky.iteye.com/blog/650043
HTML页面用JSON数据直接生成flash。
copy你的代码,把js的引用目录也改了。可就是出不来,一直显示'loading data...'。
代码如下:
<html>
<head>
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<h2>页面直接生成flash</h2>
<div id="my_chart"></div>
</body>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart",
"400", "300", "9.0.0", "expressInstall.swf",
{"get-data":"getDemoData"});
function getDemoData(){
var barData={
"y_axis":{"max":26,"steps":2.5},
"title":{"text":"每周水果产量"},
"is_decimal_separator_comma":0,
"elements":[{"values":[
{"colour":"0x336699","tip":"16.0 吨 ","top":16},
{"colour":"0x336699","tip":"8.0 吨 ","top":8},
{"colour":"0x336699","tip":"18.0 吨 ","top":18},
{"colour":"0x336699","tip":"12.0 吨 ","top":12},
{"colour":"0x336699","tip":"16.0 吨 ","top":16},
{"colour":"0x336699","tip":"24.0 吨 ","top":24},
{"colour":"0x336699","tip":"6.0 吨 ","top":6}
],
"type":"bar_glass"}
],
"num_decimals":2,
"is_fixed_num_decimals_forced":0,
"x_axis":{"labels":{"labels":["星期1","星期2","星期3","星期4","星期5","星期6","星期日"]}},
"is_thousand_separator_disabled":0
};
return JSON.stringify(barData);
}
</script>
</html>
// 这个expressInstall.swf 是什么,有关系?
// QQ 24343126
http://sjsky.iteye.com/blog/650043
HTML页面用JSON数据直接生成flash。
copy你的代码,把js的引用目录也改了。可就是出不来,一直显示'loading data...'。
代码如下:
<html>
<head>
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<h2>页面直接生成flash</h2>
<div id="my_chart"></div>
</body>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart",
"400", "300", "9.0.0", "expressInstall.swf",
{"get-data":"getDemoData"});
function getDemoData(){
var barData={
"y_axis":{"max":26,"steps":2.5},
"title":{"text":"每周水果产量"},
"is_decimal_separator_comma":0,
"elements":[{"values":[
{"colour":"0x336699","tip":"16.0 吨 ","top":16},
{"colour":"0x336699","tip":"8.0 吨 ","top":8},
{"colour":"0x336699","tip":"18.0 吨 ","top":18},
{"colour":"0x336699","tip":"12.0 吨 ","top":12},
{"colour":"0x336699","tip":"16.0 吨 ","top":16},
{"colour":"0x336699","tip":"24.0 吨 ","top":24},
{"colour":"0x336699","tip":"6.0 吨 ","top":6}
],
"type":"bar_glass"}
],
"num_decimals":2,
"is_fixed_num_decimals_forced":0,
"x_axis":{"labels":{"labels":["星期1","星期2","星期3","星期4","星期5","星期6","星期日"]}},
"is_thousand_separator_disabled":0
};
return JSON.stringify(barData);
}
</script>
</html>
// 这个expressInstall.swf 是什么,有关系?
// QQ 24343126
6 楼
sjsky
2010-08-29
CSDODO 写道
<%@ include file="/common/taglibs.jsp"%>
这个是引入jstl标签库的,可以去掉的。我修改了。
CSDODO 写道
另外post到服务器再返回的那段代码,是怎么调用的?
上面有具体的实现代码,可以实现了浏览器类似文件另存的功能。
5 楼
CSDODO
2010-08-26
楼主V5,请教几个问题:
<%@ include file="/common/taglibs.jsp"%>
这个文件的引用出自何处?
另外post到服务器再返回的那段代码,是怎么调用的?
<%@ include file="/common/taglibs.jsp"%>
这个文件的引用出自何处?
另外post到服务器再返回的那段代码,是怎么调用的?
4 楼
sjsky
2010-08-10
handonghandong 写道
String imgBase64Code = request.getParameter("imgBase64Code");
imgBase64Code如何定义的? 谢谢
imgBase64Code如何定义的? 谢谢
注意上面的JavaScript里的get_img_binary(),这个方法可以生成imgBase64Code
3 楼
handonghandong
2010-08-10
String imgBase64Code = request.getParameter("imgBase64Code");
imgBase64Code如何定义的? 谢谢
imgBase64Code如何定义的? 谢谢
2 楼
sjsky
2010-08-09
magic_yao 写道
能给python环境下的应用实例吗?
不好意思啊,python环境下真没有研究过,没办法给你实例,
不过官网提供了对python的支持的library,可以看一下的:
http://teethgrinder.co.uk/open-flash-chart-2/tutorial-other-libraries.php#python
1 楼
magic_yao
2010-08-09
能给python环境下的应用实例吗?
发表评论
-
github更新自己Fork的代码
2014-03-09 22:52 1186github上有个功能叫fork,可以将别人的工程复制 ... -
Eclipse+OpenORB+ORBStudio配置CORBA开发环境
2013-10-24 09:04 1711目录 准备工作 整合配置 [一]、准备工作 -
openfire数据库配置说明
2013-04-26 11:29 1695数据库配置是在 conf/openfire.xml ... -
Shiro在web应用中实现验证码功能
2013-04-09 11:44 2962目录结构: 概述 扩展shiro认证 验证码工具 ... -
Openfire插件开发坏境配置指南
2013-03-19 14:24 963本文主要是介绍Openfire插件开发的环境配置,该指南是在 ... -
Openfire源码导入Eclipse编译配置指南
2013-03-19 09:26 3549本文将图文介绍如何把openfire(以3.8.1为例)源码 ... -
Openfire服务端安装和配置
2013-03-19 09:24 1086图文详细介绍Openfire服务端安装和配置的过程 ... -
iText实现直接把URL网页内容生成PDF
2012-11-28 10:44 3391目录: 概述 软件要求 实现过程 ... -
iText XML Worker实现HTML转PDF
2012-11-27 09:47 1850目录: 概述 两种应用场景的实现 ... -
iText XML Worker修改源码完美支持HTML中文字符转PDF
2012-11-27 08:59 2394目录: 介绍 中文字符转换 转换 ... -
iText生成PDF的书签
2012-11-26 13:46 2036主要演示iText生成PDF的书签功能,基本介绍详见代码中的注 ... -
iText生成PDF入门
2012-11-26 09:30 1125目录: 介绍 实验环境 入门 ... -
jldap实现Java对LDAP的基本操作
2012-07-03 15:17 2296目录: 概述 基本操作 查询 添加 删除 ... -
dom4j使用小结(基础入门级)
2011-11-08 15:11 2569blog迁移至 :http://www.micmiu. ... -
Simple XML
2011-09-28 23:55 5112blog迁移至 :http://www.micmiu. ... -
Open Flash Chart2实现动态曲线图小结
2011-04-18 10:49 6396blog迁移至:http://www.micmiu.c ... -
HttpClient、HTMLParser解决Google搜索结果的页面无法解析问题
2010-11-04 09:20 4568blog迁移至:http://www.micmiu.c ... -
HTMLParser初试
2010-11-03 09:22 1939blog迁移至:http://www.micmiu.c ...
相关推荐
Open Flash Chart 是一款开源的Flash图表库,它允许开发者通过简单的JavaScript API生成各种美观的、交互式的图表。这个教程可能是为了帮助用户理解如何利用Open Flash Chart来创建动态和定制化的图表,适合Web...
Open Flash Chart是一款强大的开源Flash图表库,用于在Web应用程序中创建高质量、互动的图表。它提供了丰富的自定义选项,能够生成各种类型的图表,包括柱状图、饼图、线点图等,使得数据可视化变得更加简单易行。在...
Open Flash Chart是一款强大的开源图表库,专为PHP开发者设计,用于创建各种美观且交互性强的数据可视化图表。它以其出色的视觉效果和丰富的自定义选项,在Web应用中广泛使用,尤其适用于数据分析、报表展示以及数据...
这里面有两个java代码工程和 Open Flash Chart API。工程都是调试过的直接导入可用,代码都有详细的注释,如果你真是想用到报表之类的东西,肯定很不错了。 工程所需的jar 包 js文件都有,基本上很全。 第一步:...
总的来说,Open Flash Chart是一个功能强大且灵活的图表库,对于需要在Web应用中实现数据可视化的开发者来说,它是一个值得考虑的工具。其开源性质、丰富的图表类型以及易于使用的API都是其主要优势。通过掌握Open ...
这个实例集合提供了一系列的示例代码,帮助我们理解和应用Open Flash Chart 2的功能。下面我们将深入探讨这些知识点。 首先,Open Flash Chart 2基于Flash技术,这意味着它能够生成具有丰富视觉效果的图表,同时在...
由于最近公司项目中要用到图表,看到Open Flash Chart这个还不错,开源的,而且官方还附带了很多Demo,最重要的是支持很多的语言,只是这个东西一直很久没有更新,在网上找了很多资料,找到了Open Flash Chart社区...
总的来说,Open Flash Chart是一个强大且灵活的图表库,它为Web开发人员提供了一种方便的方式来创建美观且功能丰富的图表,尤其适合那些需要在网页上实时展示数据的应用场景。通过深入了解和实践,开发者能够熟练地...
总的来说,Open Flash Chart为Web开发者提供了一种高效、直观的方式来创建复杂的图表,无论是在报表系统、数据分析应用还是其他需要数据可视化的场景,都是一个值得信赖的工具。对于熟悉各种编程语言的开发者来说,...
- **jofc2**:源自 Google Code 的项目,可能是 Java 版本的 Open Flash Chart 2 的另一种实现。 ### 6. **最佳实践** - **性能优化**:避免一次性加载大量数据,考虑分页或动态加载。 - **响应式设计**:确保图表...
《Open Flash Chart 2 系列教程:深入解析与应用》 Open Flash Chart 2(简称OFC2)是一款强大的开源图表生成库,专为创建交互式、动态的Flash图表而设计。它允许开发者通过JSON格式的数据来构建各种类型的图表,如...
在实际应用中,Open Flash Chart 2 允许开发者通过JSON格式的数据动态生成图表,这使得它能方便地与服务器端数据源结合,实现动态更新和交互功能。此外,Open Flash Chart 2 还支持自定义图表组件,如图例、工具提示...
本文将深入探讨Open Flash Chart的实际应用,结合提供的"chart-2.html"和"data.php"两个文件,为你揭示其工作原理与实践操作。 首先,Open Flash Chart的特性在于它使用了Flash技术,这使得它能够跨平台运行,并且...
Open Flash Chart(简称OFC),是一个开源的flash报表组件。我们不仅可以免费使用,而且还可以修改源码,来达到我们想要的效果。客户端在得到数据以后,在Flash Player中渲染出报表图。 附带PDF说明文档,是中文版...
Open Flash Chart是一款强大的开源Flash图表组件,用于创建各种复杂且美观的数据可视化效果。这款软件的最新版本2.0带来了更多的功能和改进,旨在为开发者提供更便捷、灵活的方式来展示数据。下面将详细介绍Open ...
Open Flash Chart是一款强大的开源Flash图表库,用于在Web应用程序中创建动态、交互式的图表。它使用ActionScript编写,可以通过服务器端的数据与JavaScript进行通信,从而生成高质量的图表。本示例是关于如何在Java...
Open Flash Chart是一款强大的开源图表生成插件,常用于创建交互式、美观的图表,尤其适合在Web应用程序中显示数据。这个插件支持多种编程语言,包括ASP.NET,使得开发者能够轻松地将动态数据转化为视觉上吸引人的...
《Open Flash Chart-2 简单教程及DEMO解析》 ..."ReportDemo"为我们提供了一个实践的例子,通过学习和分析这个DEMO,我们可以更好地掌握Open Flash Chart-2的使用技巧,为自己的项目创造更具吸引力的图表展示。
这篇博文链接提供了一个关于Open Flash Chart的示例,虽然描述部分为空,但我们可以从标题和标签中推测出本文可能涉及到如何使用Open Flash Chart的源码以及它作为工具在实际项目中的应用。 首先,让我们了解一下...