Fusioncharts图表组件在宿舍评分统计中的应用

上篇blog说了要展示下Fusioncharts在系统中的使用，现在就分享下自己在这块的应用。

首先向大家展示下这个效果是怎样的。

鼠标点击相关数据行，弹出隐藏DIV。

前台JSP需要文件:

FusionCharts.js（核心JS类库）
Pie3D.swf（此系统宿舍评分情况统计正好是12个月，刚好可以用这个flash，FusionCharts有很多各种各样的SWF，大伙可以根据在开发中的实际情况选择不同的SWF）
前台JSP：需要定义一个DIV，此DIV先隐藏，当触发事件时，显示并展示数据。

后台：后台大家可以根据实际情况，总之就是要想方设法返回XML数据，当然，说到这，有基础的都会想到AJAX，实际上应该都是前台发送请求，交由AJAX引擎，后台逻辑处理，返回XML数据。贴一下程序中的返回XML数据的程序块（我的是在Action中返回）。

返回XML数据之后，就交由Pie3D.swf来解析啦，其实Pie3D.swf解析有两种方法，一种是setDataUrl,另外一种就是setDataXML。setDataUrl需要产生XML文件，关于这个大家可以直接用I/O去构建，也可以借助插件，比如dom4j，但是我在尝试构建文件的过程中，发现这个构建文件是无法往深层构建的，所以这个方法我也没试成功，我使用的是后者，先贴下代码给大家看下，而且这个还不能写在JS文件中，只能写在JSP文件里面，不然实现不了。

图片里的PieDiv即JSP里面隐藏的Div。

至此，FusionCharts图标组件就应用成功，关于这个组件的好处，别的不多说，至少对于用户来说，会有很高的体验，而一个系统的用户体验可以是衡量一个系统是否优秀的重要指标。

转载于:https://www.cnblogs.com/iou123lg/archive/2012/06/10/2544159.html

Fusioncharts图表组件在宿舍评分统计中的应用相关推荐

《Excel数据可视化：一样的数据不一样的图表》——2.3 概率统计中的正态分布和偏态分布...
本节书摘来自华章计算机<Excel数据可视化:一样的数据不一样的图表>一书中的第2章,第2.3节,作者恒盛杰资讯,更多章节内容可以访问云栖社区"华章计算机"公众号查看 ...
Fusioncharts图表组件API参考方法（Functions）汇总篇（续）
[摘要]: chartType()FusionCharts的JavaScript类API提供了大量的功能.下面的列表显示在每个功能的详细信息: 一.FusionCharts的类 - 实例功能 1.co ...
java fusioncharts_FusionCharts free -flash图表组件在java中使用
针对项目中图表显示,在JFreeChart使用一段时间后,针对图表显示效果来看,flash图表流体美丽,视觉性好,界面友好性更强一些,因此在一些flash组件中选择,最后尝试使用FusionChart ...
二十三、【开源】EFW框架Web前端开发之常用组件（FusionCharts图表、ReportAll报表等）
回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu. ...
web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库.axure元件库.通用元件库.常用web组件.常用表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴 ...
web元件库、axure元件库、元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库.axure元件库.通用元件库.web组件.控件.表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴. ...
uniapp中秋云uCharts图表组件基础使用
官方文档:秋云uCharts图表组件 1.导入到对应项目中根目录会多出文件夹uni_modules 柱状图基础使用完整代码: <template><view><vie ...
uniapp 中使用图表（秋云uCharts图表组件）
在用uniapp做项目时,遇到要做折线图的需求,但是又不想用echarts,在uniapp中dom操作非常的麻烦.于是找到了一个专门为app而生的图表插件uCharts(秋云uCharts图表组件), ...
Fixchart图表组件——介绍
<sdt id="89512093" sdtgroup="t" contentlocked="t" sdtlocked="t ...

Fusioncharts图表组件在宿舍评分统计中的应用

Fusioncharts图表组件在宿舍评分统计中的应用相关推荐

最新文章

热门文章