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

Grails结合FusionCharts Free制作统计图

阅读更多

1.因为工程需要对数据进行统计并且用图的形式显示出来,所以用到了FusionCharts Free。

首先展示下效果图。

image

2.工欲善其事必先利其器,首先得下载FusionCharts Free,

 

http://www.fusioncharts.com/download/

上边这个网址可以下载到FusionCharts Free,但是得先注册下。ok,下载成功,将其解压

缩。解压后的文件目录如下:

image

3.将上边目录中的Charts拷贝到工程中的web-app目录下,同时将上边目录中的JSClass中的

image

拷贝到工程中的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饼图的一些属性,其他图的属性可以参考你下载的文档,打开解压后的文件,

image

打开红色框选择的文件,里边会有关于各种图的使用事例还有一些图的属性介绍。

... other posts by 姜立
分享到:
评论

相关推荐

    Grails结合uploadify上传文件的简单代码

    在本文中,我们将深入探讨如何在Grails框架中结合uploadify插件实现文件上传功能。Grails是一款基于Groovy语言的、高效的Web应用开发框架,它简化了Java平台上的开发流程。uploadify则是一个JavaScript库,它允许...

    Grails Grails Grails

    2. **视图(View)**: 视图负责展示数据,通常使用GSP(Grails Server Pages)技术,这是一种结合了HTML和Groovy的模板语言,可以嵌入Groovy表达式和控制结构,实现动态内容的生成。 3. **控制器(Controller)**: ...

    Grails权威指南 Grails权威指南

    《Grails权威指南》是一本全面深入探讨Grails框架的专著,旨在帮助读者掌握这一强大的Web开发工具。Grails是一种基于Groovy语言的开源框架,它为构建现代、高效的应用程序提供了简洁高效的解决方案。本指南针对不同...

    grails-用户手册

    GSP是Grails的视图技术,结合了HTML和Groovy,允许开发者在页面上直接编写动态代码,提高了开发效率。GSP支持标签库,可以创建自定义的可重用组件。 七、URL Mapping Grails的URL映射非常灵活,可以在`UrlMappings...

    Eclipse下搭建Grails项目

    【Grails项目搭建详解】 Grails是一个基于Groovy语言的开源Web应用框架,它简化了开发过程,尤其适合快速构建动态网站。在Eclipse中搭建Grails项目可能相对复杂,但通过以下步骤,即使是初学者也能顺利进行。 1. *...

    eclipse开发grails插件

    **正文** 在IT行业中,开发Web应用程序时,我们...Grails的MVC架构和自动化特性,结合Eclipse的插件支持,使得整个开发过程更为流畅。无论是新手还是经验丰富的开发者,都能从中受益匪浅,实现高效的Grails应用开发。

    grails快速开发web

    ### Grails 快速开发 Web 应用程序 #### 一、Grails 概述 Grails 是一种基于 Groovy 的开源应用框架,用于简化 Web 应用程序的开发过程。它采用约定优于配置的原则,这使得开发者可以更快地创建功能丰富的 Web ...

    Grails中文参考手册

    总之,Grails 是一个强大而灵活的 Web 开发框架,结合 Groovy 的优点,为开发者提供了高效、简洁的开发体验。通过深入学习 "Grails 中文参考手册",开发者可以充分利用 Grails 的各种特性,构建出高质量的 web 应用...

    grails-2.4.4.zip

    - **GSP(Groovy Server Pages)**:Grails 的视图层技术,结合了HTML和Groovy,允许在页面上直接进行编程。 - **Controllers**:处理用户请求,负责业务逻辑的调度,与模型进行交互,将数据传递给视图。 - **...

    Grails权威指南 中文版

    并且,由于Grails可以与Java无缝集成,读者还会学习到如何将Java和Grails结合起来,利用现有的Java技能和经验进行Web开发。 本书适合所有对动态语言感兴趣的读者,尤其是那些有经验的Java开发者。本书的翻译版是由...

    Groovy和Grails配置方法

    Groovy和Grails的结合使用为开发者提供了一个高效且功能强大的开发平台,尤其是在Java平台上进行Web应用开发时更是如此。希望本教程能够帮助初学者快速入门Groovy和Grails的使用,并为后续的深入学习打下坚实的基础...

    the definitive guide to grails 2

    Grails框架是建立在Groovy编程语言之上的一个完整的Web应用开发框架,它结合了Java平台的优势和动态语言的灵活性。Grails采用约定优于配置的原则,简化了开发流程,使开发者能够快速地构建高性能的Web应用程序。该...

    grails中文入门简介

    Grails是一个基于Groovy语言的全栈框架,它遵循约定优于配置的原则,并且紧密集成Spring和Hibernate等流行的Java库,简化了开发流程。Grails在IT行业中尤其受到重视,因为它能够帮助开发者快速搭建并部署基于MVC模式...

    grails-core源码

    Grails的GSP模板引擎允许开发者在页面上直接编写Groovy代码,结合HTML,实现动态页面生成。`TagLib`库提供了丰富的标签,简化了视图层的开发。 六、URL映射(URL Mappings) Grails的URL映射机制允许开发者定义...

    grails 中文手册

    总的来说,Grails 结合Groovy的简洁性和Java的成熟性,为Web开发提供了一个高效、灵活的平台。通过阅读《Grails 中文手册》,开发者可以深入理解框架的工作原理,掌握各种开发技巧,从而提高开发效率和代码质量。

    grails 中文文档+grails-fckeditor-0.9.5.zip插件

    《Grails技术详解:中文文档与Fckeditor-0.9.5插件解析》 Grails,作为一款基于Groovy语言的开源Web应用框架,以其高效、简洁的特性深受开发者喜爱。它集成了许多Java EE的功能,同时简化了开发流程,使得开发人员...

    grails app

    《构建Grails应用程序:从零开始》 在IT行业中,Grails是一个基于Groovy语言的开源Web应用框架,它利用了Java平台的优势,提供了一种高效、简洁的开发方式。本压缩包文件“grails app”包含了一步步搭建Grails应用...

    Grails权威指南.pdf

    《Grails权威指南》这本书是针对Grails框架的深度解析之作,旨在帮助开发者全面掌握Grails的使用和开发技巧。Grails是一个基于Groovy语言的开源Web应用框架,它简化了Java开发流程,提供了丰富的功能和高效能。下面...

Global site tag (gtag.js) - Google Analytics