上篇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图表组件在宿舍评分统计中的应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。