- 浏览: 132966 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
522823979:
JXL POI 导出excel 包括图片 -
贝塔ZQ:
实现导出excel文件和图片,感觉用poi和jxl代码量好多, ...
JXL POI 导出excel 包括图片 -
bmpbhg:
和你的类似,不过我这边报的是
org.dom4j.Docume ...
Servlet 接受解析HTTP请求XML数据,返回XML -
Wuaner:
引用Non Field Validators排在前面的先执行 ...
struts2 内建效验器 -
timelion:
请将正式简历发送至
timelion@163.com
找工作中...放上简历,求推荐
前面我们讲的例子里,都是采用HTML或JavaScript来显示图形,这是一种最基本的使用方法。FCF还提供了一些其他的方法来显示图形,有PHP、ASP、JSP等等。不过,有点要说明的是,这些方法其实都是基本使用方法的一种变形,它们最终其实都是在页面上输出HTML或JavaScript。因此,如果你觉得采用HTML或JavaScript就足够了,那就不需要阅读本章了。
我们来看个例子吧。
这是XML数据代码:
这个是JSP代码:
我们可以看到,上例中采用了jsp的include标签,包含了一个叫FusionChartsHTMLRenderer.jsp的JSP页面,它接受一些参数,用来加载数据或控制图形,debugMode必须是flase,因为在FCF里是没有调试功能的。这个JSP页面最终输出的是一段采用HTML来加载图形的代码。它就在下载包 > Code > JSP > Includes文件夹里。
还有另外一个JSP--FusionChartsRenderer.jsp,它输出的是一段采用JavaScript来加载图形的代码。下面是它的使用代码:
debugMode和registerWithJS必须是flase,因为在FCF里是没有这两个功能的。
上面两个页面,显示的图形是一样的:
图片1
结束语关于FCF的使用,到这里基本就结束了,大家在阅读练习的过程中,如果发现文章有什么错误,或者是你遇到了一些问题,都可以和我联系,联系方式是:QQ:634369863。FCF论坛:AJava Ask。此教程的官方网站是AJava。
我们来看个例子吧。
这是XML数据代码:
<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' decimalPrecision='0' formatNumberScale='0'> <set name='Jan' value='462' color='AFD8F8' /> <set name='Feb' value='857' color='F6BD0F' /> <set name='Mar' value='671' color='8BBA00' /> <set name='Apr' value='494' color='FF8E46' /> <set name='May' value='761' color='008E8E' /> <set name='Jun' value='960' color='D64646' /> <set name='Jul' value='629' color='8E468E' /> <set name='Aug' value='622' color='588526' /> <set name='Sep' value='376' color='B3AA00' /> <set name='Oct' value='494' color='008ED6' /> <set name='Nov' value='761' color='9D080D' /> <set name='Dec' value='960' color='A186BE' /> </graph>
这个是JSP代码:
<HTML> <HEAD> <TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE> <style type="text/css"> <!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> </style> </HEAD> <BODY> <CENTER> <h2><a href="http://www.fusioncharts.com" target="_blank">FusionCharts Free</a> Examples</h2> <h4>Basic example using pre-built Data.xml</h4> <% //Create the chart - Column 3D Chart with data from Data/Data.xml %> <jsp:include page="../Includes/FusionChartsHTMLRenderer.jsp" flush="true"> <jsp:param name="chartSWF" value="../../FusionCharts/FCF_Column3D.swf" /> <jsp:param name="strURL" value="Data/Data.xml" /> <jsp:param name="strXML" value="" /> <jsp:param name="chartId" value="myFirst" /> <jsp:param name="chartWidth" value="600" /> <jsp:param name="chartHeight" value="300" /> <jsp:param name="debugMode" value="false" /> </jsp:include> <BR> <BR> <a href='../NoChart.html' target="_blank">Unable to see the chart above?</a> <BR><H5 ><a href='../default.htm'>« Back to list of examples</a></h5> </CENTER> </BODY> </HTML>
我们可以看到,上例中采用了jsp的include标签,包含了一个叫FusionChartsHTMLRenderer.jsp的JSP页面,它接受一些参数,用来加载数据或控制图形,debugMode必须是flase,因为在FCF里是没有调试功能的。这个JSP页面最终输出的是一段采用HTML来加载图形的代码。它就在下载包 > Code > JSP > Includes文件夹里。
还有另外一个JSP--FusionChartsRenderer.jsp,它输出的是一段采用JavaScript来加载图形的代码。下面是它的使用代码:
<HTML> <HEAD> <TITLE>FusionCharts Free - Simple Column 3D Chart</TITLE> <SCRIPT LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></SCRIPT> <style type="text/css"> <!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } --> </style> </HEAD> <BODY> <CENTER> <h2><a href="http://www.fusioncharts.com" target="_blank">FusionCharts Free</a> Examples</h2> <h4>Embedding chart using FusionCharts JavaScript class and using dataURL method.</h4> <% //Create the chart - Column 3D Chart with data from Data/Data.xml %> <jsp:include page="../Includes/FusionChartsRenderer.jsp" flush="true"> <jsp:param name="chartSWF" value="../../FusionCharts/FCF_Column3D.swf" /> <jsp:param name="strURL" value="Data/Data.xml" /> <jsp:param name="strXML" value="" /> <jsp:param name="chartId" value="myFirst" /> <jsp:param name="chartWidth" value="600" /> <jsp:param name="chartHeight" value="300" /> <jsp:param name="debugMode" value="false" /> <jsp:param name="registerWithJS" value="false" /> </jsp:include> <BR> <BR> <a href='../NoChart.html' target="_blank">Unable to see the chart above?</a><BR><H5 ><a href='../default.htm'>« Back to list of examples</a></h5> </CENTER> </BODY> </HTML>
debugMode和registerWithJS必须是flase,因为在FCF里是没有这两个功能的。
上面两个页面,显示的图形是一样的:
图片1
结束语关于FCF的使用,到这里基本就结束了,大家在阅读练习的过程中,如果发现文章有什么错误,或者是你遇到了一些问题,都可以和我联系,联系方式是:QQ:634369863。FCF论坛:AJava Ask。此教程的官方网站是AJava。
发表评论
-
基于wp_poll开发满意度调查
2010-12-03 10:23 1080最近换了公司,试用期给公司改造内部网. 试用wordpress ... -
png图片透明ie6解决
2010-11-17 16:31 908// 图片透明 function setPng(img, ... -
Jquery 应用收集
2010-07-14 09:49 17611.结合时间控件WdatePicker使用,根据radio值不 ... -
原生AJAX 实现级联select
2010-02-22 15:15 4075由于是在客户上的框架上做开发,因为是比较老的框架,ajax框架 ... -
JS知识
2010-02-05 13:19 899JavaScript节点操作DOMDocument属性和方法 ... -
CSS知识
2010-01-07 15:01 761虽然我不是美工,也不专门去学CSS,但是项目中遇到的一些技巧还 ... -
HTML
2009-12-04 14:54 8261.标签map-- 定义图像点击区域的集合 map 标签 m ... -
JS函数收集--001
2009-11-30 09:52 887记录下开发过程中常用到的JS问题 1. 直接获取对性属性, ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十三章--间断数据的处理
2009-11-25 16:00 1533有时候我们的数据并不是连续的,例如我们有一个反映每个月销售额的 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十二章--FCF中的特殊字符
2009-11-25 15:52 1642在FCF里,如果要在图形里用到一些特殊的字符,你就要对它进行编 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十一章--FCF中的基本数字格式
2009-11-25 15:51 1858在我们的报表里,经常要对数值进行一些格式化,如小数位,千分位等 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十章--FCF中的下钻
2009-11-25 15:46 1512在我们开发图形报表时,你可能会遇到这样的需求:用户要求点击柱状 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第九章--动态改变图形的类型和数据
2009-11-25 15:44 3223在前面的章节里,我们已经了解了图形的基本使用方法以及图形XML ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第八章--FusionCharts Free和组合图XML
2009-11-25 15:42 2916本章我们来看看什么是组合图形,以及它的XML是怎么写的。 什 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第七章--FusionCharts Free和XML
2009-11-25 15:40 2454FusionCharts使用XML来创建和控制图形。 数据类 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第六章--FusionCharts Free图形的基本元素
2009-11-25 15:38 2452在我们了解了FCF的各种使用方法以后,我们就会发现,其实我们要 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第五章--FusionCharts Free使用dataXML加载数据
2009-11-25 15:34 1926在前面的例子里,我们使用的数据都是一个单独的XML文件,它可以 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第四章--FusionCharts Free使用JavaScript加载图形
2009-11-25 15:32 2173在上篇文章里,我们做 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第三章--FusionCharts Free我的第一个图形
2009-11-25 15:30 2703在介绍完了FCF的下载安装以后,现在,我们终于要开始创建我们的 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第一章--FusionCharts Free介绍
2009-11-25 15:28 2022FusionCharts是InfoSoft Global公司的 ...
相关推荐
FusionCharts Free中文开发指南FusionCharts Free中文开发指南
FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是专业的Flash图形方案提供商,他们还有几款其他的,基于Flash技术的产品,都非常的漂亮。FusionCharts Free则是FusionCharts提供的一个免费版本...
FusionCharts Free中文开发指南.doc
报表开发工具文档 FusionCharts Free
FusionCharts Free中文开发指南
FusionCharts Free中文开发指南 (完全版)
《FusionCharts Free中文开发指南》
FusionCharts Free 中文 开发 指南
描述了如何使用FCF,可以满足日常的图形开发需要。FCF的XML参考分为Single Series Charts、Multi-Series Charts、Stacked Charts等等好几部分,但是对于绝大部分应用来说,Single Series Charts就足够了。 Single ...
FusionCharts Free中文开发指南第二版
FusionCharts Free flash的报表教程
FusionCharts_free_中文开发指南.pdf 比jfreechart生成的图片要美观得多的图片!里面有详细的实例!