图表组件设计文档

1、1. 背景从以前的项目经历来分析，客户经常会需要各种图表来分析网络现状及业务影响，导致我们针对于不同的项目会要定制开发不同的图表，而这部分图表大部分不能产品化，为了能够提高开发图表的效率，节约研发成本，所以有必要开发一个图表组件。2. 文档术语名称说明FusionCharts Free FusionCharts Free是一个免费的跨平台，跨浏览器的flash 组件，其输入是XML，输出为FLASH。特点是 非常全，且展现效果非常绚丽。更多请访问：JFreeChartJFreeChart是JAVA平台上的一个开放的绘制类库,其输入是Java Bean输出是PNG和JPEG格式的图片。更多请访问

2、：/jfreechart/samples.html3. 设计3.1 基本设计思路 输入为：SQL语句或者JAVA Bean 输出为：表格， FusionCharts，JFreeChart。 C/S应用程序建议输出为JFreeChart，B/S程序建议输出为FusionCharts。3.2 图表数据分析以下是我用Excel做的图表数据分析。单系列图的数据格式为两列，如下：CMDB分类流程数量数据库3000交换机2210防火墙1110路由器1000台式机500IDS400其他200可以生成单系列柱状图，饼状图，趋势图，雷达图。多系列图的数据格式为三列，如下：时

3、间服务类别流程数量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区防火墙（）4302010-9-11DMZ区防火墙（）1202010-9-12DMZ区防火墙（）21002010-9-13DMZ区防火墙（）23002010-9-14DMZ区防火墙（）2002010-9-15DMZ区防火墙（

5、）14002010-9-16DMZ区防火墙（）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多系列图的数据经过数据透视图整理后可以得到求和项:流程数量列标签行标签DMZ区防火墙（）核心交换机（）路由器（）台式机()硬盘（）2010-9-104301308302301302010-9-111202208204205202010-9-12210011001001

7、0011002010-9-132300310010010021002010-9-14200320020020032002010-9-151400410040040014002010-9-16510110410121210可以生产多系列柱状图，饼状图，趋势图。那么从数据分析我们可以得到以下结论：l 通过SQL语句查询两列的数据，我们可以输出成单系列图表。l 通过SQL语句查询三列的数据，我们可以输出成多系列图表。3.3 设计流程详述1. 输入SQL语句Select month,value from Sales2. 将SQL的结果集，转换为java bean.如 List。3. 将Java Bean转换为XML,如下图1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 4. 将XML输入到FusionCharts组件，生产Flash。FusionCharts的多系列数据。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