圖表組件設(shè)計文檔

1、1. 背景從以前的項目經(jīng)歷來分析，客戶經(jīng)常會需要各種圖表來分析網(wǎng)絡(luò)現(xiàn)狀及業(yè)務(wù)影響，導(dǎo)致我們針對于不同的項目會要定制開發(fā)不同的圖表，而這部分圖表大部分不能產(chǎn)品化，為了能夠提高開發(fā)圖表的效率，節(jié)約研發(fā)成本，所以有必要開發(fā)一個圖表組件。2. 文檔術(shù)語名稱說明FusionCharts Free FusionCharts Free是一個免費的跨平臺，跨瀏覽器的flash 組件，其輸入是XML，輸出為FLASH。特點是 非常全，且展現(xiàn)效果非常絢麗。更多請訪問：JFreeChartJFreeChart是JAVA平臺上的一個開放的繪制類庫,其輸入是Java Bean輸出是PNG和JPEG格式的圖片。更多請訪問

2、：/jfreechart/samples.html3. 設(shè)計3.1 基本設(shè)計思路 輸入為：SQL語句或者JAVA Bean 輸出為：表格， FusionCharts，JFreeChart。 C/S應(yīng)用程序建議輸出為JFreeChart，B/S程序建議輸出為FusionCharts。3.2 圖表數(shù)據(jù)分析以下是我用Excel做的圖表數(shù)據(jù)分析。單系列圖的數(shù)據(jù)格式為兩列，如下：CMDB分類流程數(shù)量數(shù)據(jù)庫3000交換機2210防火墻1110路由器1000臺式機500IDS400其他200可以生成單系列柱狀圖，餅狀圖，趨勢圖，雷達(dá)圖。多系列圖的數(shù)據(jù)格式為三列，如下：時

3、間服務(wù)類別流程數(shù)量2010-9-10硬盤（）1302010-9-11硬盤（）5202010-9-12硬盤（）11002010-9-13硬盤（）21002010-9-14硬盤（）32002010-9-15硬盤（）14002010-9-16硬盤（）2102010-9-10核心交換機（）1302010-9-11核心交換機（）2202010-9-12核心交換機（）11002010-9-

4、13核心交換機（）31002010-9-14核心交換機（）32002010-9-15核心交換機（）41002010-9-16核心交換機（）1102010-9-10DMZ區(qū)防火墻（）4302010-9-11DMZ區(qū)防火墻（）1202010-9-12DMZ區(qū)防火墻（）21002010-9-13DMZ區(qū)防火墻（）23002010-9-14DMZ區(qū)防火墻（）2002010-9-15DMZ區(qū)防火墻（

5、）14002010-9-16DMZ區(qū)防火墻（）5102010-9-10路由器（）8302010-9-11路由器（）8202010-9-12路由器（）1002010-9-13路由器（）1002010-9-14路由器（）2002010-9-15路由器（）4002010-9-16路由器（）4102010-9-10臺式機()2302010-9-11臺式機()4202010-9-12臺式機(17.10.10

6、.1)1002010-9-13臺式機()1002010-9-14臺式機()2002010-9-15臺式機()4002010-9-16臺式機()121多系列圖的數(shù)據(jù)經(jīng)過數(shù)據(jù)透視圖整理后可以得到求和項:流程數(shù)量列標(biāo)簽行標(biāo)簽DMZ區(qū)防火墻（）核心交換機（）路由器（）臺式機()硬盤（）2010-9-104301308302301302010-9-111202208204205202010-9-12210011001001

7、0011002010-9-132300310010010021002010-9-14200320020020032002010-9-151400410040040014002010-9-16510110410121210可以生產(chǎn)多系列柱狀圖，餅狀圖，趨勢圖。那么從數(shù)據(jù)分析我們可以得到以下結(jié)論：l 通過SQL語句查詢兩列的數(shù)據(jù)，我們可以輸出成單系列圖表。l 通過SQL語句查詢?nèi)械臄?shù)據(jù)，我們可以輸出成多系列圖表。3.3 設(shè)計流程詳述1. 輸入SQL語句Select month,value from Sales2. 將SQL的結(jié)果集，轉(zhuǎn)換為java bean.如 List。3. 將Java Bean轉(zhuǎn)換為XML,如下圖1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 4. 將XML輸入到FusionCharts組件，生產(chǎn)Flash。FusionCharts的多系列數(shù)據(jù)。1. 5.6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20.21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35.36. 37. 38. 39. 40. 41. 42. 43. 44. 45