1.因为工程需要对数据进行统计并且用图的形式显示出来,所以用到了FusionCharts Free。
首先展示下效果图。
2.工欲善其事必先利其器,首先得下载FusionCharts Free,
http://www.fusioncharts.com/download/
上边这个网址可以下载到FusionCharts Free,但是得先注册下。ok,下载成功,将其解压
缩。解压后的文件目录如下:
3.将上边目录中的Charts拷贝到工程中的web-app目录下,同时将上边目录中的JSClass中的
拷贝到工程中的web-app目录下js文件夹中。ok,文件拷贝成功后,下边就是写代码了。
4.打开你需要编辑的gsp页面。在页面中加入如下代码:
<SCRIPT LANGUAGE="Javascript" SRC="${resource(dir:’js’,file:’FusionCharts.js’)}"></SCRIPT>
<%
String strXML="";
strXML ="<graph
caption=’下载统计’ bgcolor=’F5FFFA’ subCaption=’By
${session.user.username}’ decimalPrecision=’0′ showNames=’1′
baseFontSize=’19′ numberSuffix=’本’ pieSliceDepth=’30′
formatNumberScale=’0′>"
strXML +="<set name=’已下载’ value=’${params.loadnum}
‘/>";
strXML +="<set name=’未下载’ value=’${params.unloadnum}
‘/>";
strXML += "</graph>";
%>
<div id=’Div’ align=’center’>下载统计</div>
<script type="text/javascript">
var chart_sum = new
FusionCharts("${resource(dir:’Charts’,file:’FCF_Pie3D.swf’)}", "sum",
"600", "300", "false", "false");
chart_sum.setDataXML("<%= strXML%>");
chart_sum.render("Div");
</script>
保存代码,运行程序,会出现上边的饼图。
5.上边只是简单显示了了一个3D饼图,下边介绍下它的属性。
<graph>
(1)Background
bgColor="HexColorCode":顾名思义,它就是背景色,例如bgcolor=’F5FFFA’ ,记住不
需要在这个16进制字符前边加#.
bgAlpha="NumericalValue(0-100)":设置这个图的alpha。
bgSWF="Path of SWF File":你可以利用这个属性引用一个外部的.swf文件作为这个图的背
景。
(2)Chart and Axis Titles
caption="String":图的标题
subCaption="String" :图的副标题
(3)Generic Properties
shownames="1/0":1表示显示这个值的名字,0不显示,默认是1
showValues="1/0":1表示显示这个值,0不显示,默认是1
showPercentageValues="1/0":1表示显示百分比,0显示实际值,默认值是0
showPercentageInLabel ="1/0":0表示显示实际数值,1显示百分比,默认值是0
(3)Pie Properties
pieRadius="Numeric Pixels":设置饼图的半径,如果没有设置,FusionCharts会自动计算
出最佳的半径。
pieSliceDepth="Numeric Value":设置这个3D图形的高度。
(4)Font Properties
baseFont="FontName":字体样式
baseFontSize="FontSize":字体大小
baseFontColor="HexColorCode":字体大小
(5)Number Formatting Options
numberPrefix="$":数字前缀
numberSuffix="p.a":数字后缀
formatNumber="1/0":如果为1,那么40,000;如果为0,那么40000。
formatNumberScale="1/0":是否要在数字后面加K或者M,例如10434,如果设置为1,那
么就是1.04K,
decimalSeparator=".":小数点分隔符
thousandSeparator=",":千位分隔符
decimalPrecision="2":小数精度
(6)Hover Caption Properties
showhovercap="1/0":当鼠标停留在图上时是否显示提示框,1显示,0不显示,默认显
示,
hoverCapBgColor="HexColorCode":提示框的颜色
hoverCapBorderColor="HexColorCode":提示框边框颜色
hoverCapSepChar="Char":提示框中名字与值之间的分隔符
<set> 是<graph>的子属性
一个简单的例子如下:
<set name="Jan" value="54" color="3300FF" hoverText="January" link="ShowDetails.asp%3FMonth=Jan" showName="1"/>
name="string":在饼图上显示的文字
value="NumericalValue":在饼图上显示的数值
color="HexCode":该数值所对应的颜色
hoverText="String value":当鼠标停留在该数值区域时显示的文本
link="URL":当点击该区域时,链接到的地址
ok,上边是3D饼图的一些属性,其他图的属性可以参考你下载的文档,打开解压后的文件,
打开红色框选择的文件,里边会有关于各种图的使用事例还有一些图的属性介绍。
分享到:
相关推荐
在本文中,我们将深入探讨如何在Grails框架中结合uploadify插件实现文件上传功能。Grails是一款基于Groovy语言的、高效的Web应用开发框架,它简化了Java平台上的开发流程。uploadify则是一个JavaScript库,它允许...
2. **视图(View)**: 视图负责展示数据,通常使用GSP(Grails Server Pages)技术,这是一种结合了HTML和Groovy的模板语言,可以嵌入Groovy表达式和控制结构,实现动态内容的生成。 3. **控制器(Controller)**: ...
《Grails权威指南》是一本全面深入探讨Grails框架的专著,旨在帮助读者掌握这一强大的Web开发工具。Grails是一种基于Groovy语言的开源框架,它为构建现代、高效的应用程序提供了简洁高效的解决方案。本指南针对不同...
GSP是Grails的视图技术,结合了HTML和Groovy,允许开发者在页面上直接编写动态代码,提高了开发效率。GSP支持标签库,可以创建自定义的可重用组件。 七、URL Mapping Grails的URL映射非常灵活,可以在`UrlMappings...
【Grails项目搭建详解】 Grails是一个基于Groovy语言的开源Web应用框架,它简化了开发过程,尤其适合快速构建动态网站。在Eclipse中搭建Grails项目可能相对复杂,但通过以下步骤,即使是初学者也能顺利进行。 1. *...
**正文** 在IT行业中,开发Web应用程序时,我们...Grails的MVC架构和自动化特性,结合Eclipse的插件支持,使得整个开发过程更为流畅。无论是新手还是经验丰富的开发者,都能从中受益匪浅,实现高效的Grails应用开发。
### Grails 快速开发 Web 应用程序 #### 一、Grails 概述 Grails 是一种基于 Groovy 的开源应用框架,用于简化 Web 应用程序的开发过程。它采用约定优于配置的原则,这使得开发者可以更快地创建功能丰富的 Web ...
总之,Grails 是一个强大而灵活的 Web 开发框架,结合 Groovy 的优点,为开发者提供了高效、简洁的开发体验。通过深入学习 "Grails 中文参考手册",开发者可以充分利用 Grails 的各种特性,构建出高质量的 web 应用...
- **GSP(Groovy Server Pages)**:Grails 的视图层技术,结合了HTML和Groovy,允许在页面上直接进行编程。 - **Controllers**:处理用户请求,负责业务逻辑的调度,与模型进行交互,将数据传递给视图。 - **...
并且,由于Grails可以与Java无缝集成,读者还会学习到如何将Java和Grails结合起来,利用现有的Java技能和经验进行Web开发。 本书适合所有对动态语言感兴趣的读者,尤其是那些有经验的Java开发者。本书的翻译版是由...
Groovy和Grails的结合使用为开发者提供了一个高效且功能强大的开发平台,尤其是在Java平台上进行Web应用开发时更是如此。希望本教程能够帮助初学者快速入门Groovy和Grails的使用,并为后续的深入学习打下坚实的基础...
Grails框架是建立在Groovy编程语言之上的一个完整的Web应用开发框架,它结合了Java平台的优势和动态语言的灵活性。Grails采用约定优于配置的原则,简化了开发流程,使开发者能够快速地构建高性能的Web应用程序。该...
Grails是一个基于Groovy语言的全栈框架,它遵循约定优于配置的原则,并且紧密集成Spring和Hibernate等流行的Java库,简化了开发流程。Grails在IT行业中尤其受到重视,因为它能够帮助开发者快速搭建并部署基于MVC模式...
Grails的GSP模板引擎允许开发者在页面上直接编写Groovy代码,结合HTML,实现动态页面生成。`TagLib`库提供了丰富的标签,简化了视图层的开发。 六、URL映射(URL Mappings) Grails的URL映射机制允许开发者定义...
总的来说,Grails 结合Groovy的简洁性和Java的成熟性,为Web开发提供了一个高效、灵活的平台。通过阅读《Grails 中文手册》,开发者可以深入理解框架的工作原理,掌握各种开发技巧,从而提高开发效率和代码质量。
《Grails技术详解:中文文档与Fckeditor-0.9.5插件解析》 Grails,作为一款基于Groovy语言的开源Web应用框架,以其高效、简洁的特性深受开发者喜爱。它集成了许多Java EE的功能,同时简化了开发流程,使得开发人员...
《构建Grails应用程序:从零开始》 在IT行业中,Grails是一个基于Groovy语言的开源Web应用框架,它利用了Java平台的优势,提供了一种高效、简洁的开发方式。本压缩包文件“grails app”包含了一步步搭建Grails应用...
《Grails权威指南》这本书是针对Grails框架的深度解析之作,旨在帮助开发者全面掌握Grails的使用和开发技巧。Grails是一个基于Groovy语言的开源Web应用框架,它简化了Java开发流程,提供了丰富的功能和高效能。下面...