(Fusioncharts+报表工具.docVIP

Fusioncharts 报表工具 1 1. Fusioncharts 介绍 1 2. 数据接口XML： 1 3. 使用前的准备工作（基于java的Web工程为例）： 1 4. 创建第一个Chart： 1 5. FusionCharts提供多样式图： 3 6. FusionCharts的高级特性： 7 7. FusionCharts提供了很多设置chart样式的属性： 10 8. 动态XML生成的chart： 10 9. FusionCharts的优缺点 10 10 购买FusionCharts注意的事项： 10 Fusioncharts 报表工具 Fusioncharts 介绍： Fusioncharts是一个基于Flash的图表组件，可以用来提供数据驱动的动态图标，fusioncharts可用于任何网页脚本语言如， HTML格式，JSP技术等等。提供交互式和强大的动态图标，fusioncharts充分利用流体美丽的使用XML作为其数据接口创造紧凑，互动和图表Fusioncharts是以XML为数据接口而成图表。提供XML两种形式：直接以XML文件提供数据。基于数据库数据动态生成XML（此方法在后面详细介绍）。 使用前的准备工作（基于java的Web工程为例）： 拷贝所有的flash文件(所有的图标文件在下载包中Charts 包中)到工程WebRoot目录下，这些flash文件作为生成报表的模板图标。 拷贝FusionCharts.jsp（下载包Includes包中）文件到WebRoot下（可以将其放在WebRoot下的某个文件夹中），这个文件包含将生成的flash图标嵌入到jsp或者HTML文件中。 拷贝FusionCharts.js（下载包JSCLASS包中），这个文件提供了createChartHTML函数是我们轻松的创建图表。通过向面的介绍我们基本上可以将FusionCharts实际应用到项目当中。那么如何应用以及注意事项我们将进一步的研究。 创建第一个Chart： 在第三节的基础上我们已经有了基于FusionCharts的开发环境。基于第三节的内容来分析FusionCharts的特性。 以静态的XML为数据接口创建柱状图或者曲线图。在工程根目录下创建XML文件data.xml此文件的格式为 chart palette=2 caption=Unit Sales xAxisName=Month yAxisName=Units showValues=0 ? set label=Jan value=462 / ? set label=Feb value=857 / ? set label=Mar value=671 / ? set label=Apr value=494 / ? set label=May value=761 / ? set label=Jun value=960 / /chart Chart标签中属性：以上结构的xml可以创建单一的柱状和曲线图。每个XML以chart为跟标签开始/chart结束。介绍chart标签中的属性：caption设置图片的标题。xAxisName设置横坐标的标题，yAxisName纵坐标标题（注意：纵坐标的标题只能为英文），showValues值为boolen型0为在柱子或者曲线上不显示数据，“1”为显示数据。Chart标签中有很多相关的属性例如数据格式，特殊字符的转化，我们可以参考FusionCharts的帮助文件根据需要进行设置，这里不一一介绍 以上XMLset子标签：label为横坐标的元素， value为每个很坐标元素对应的值。 当我们了解了XML文件的内容就可以生成图片了：创建一个JSP文件。将FusionCharts.jsp文件包含进来。编辑JSP文件 %@ include file=../Includes/FusionCharts.jsp%HTML???HEAD??????TITLEFusionCharts - Simple Column 3D Chart/TITLE ???/HEAD???BODY???%?String chartHTMLCode=createChartHTML(/FusionCharts/Column3D.swf, Data.xml, , myFirst, 600, 300, false) ;???%???%=chartHTMLCode%???/BODY/HTML FusionCharts.jsp文件提供了createChartHTML（）函数来创建图片方法中的共