FusionChats图表控件中文版使用手册.docVIP

FusionCharts图表中文版使用手册 先谈谈我对fusionCharts的看法： 一、构成fusionCharts的三要素：swf、data.xml、承载图表的载体 1、Swf： 按照你所设计的图表类型加载相应的.swf文件到你的工程即可(eg：若你想生成一张二维柱状图，那么在你的工程里就必须包含Column2D.swf文件) 2、Data.xml： 方法一：直接用data.jsp文件替代data.xml文件，写法格式同xml。图表所需的属性直接在里面写死就行，只是所需的横纵坐标的数据调用后台的方法从数据库里面取得。这样就可以省去xmlBuilder这部分代码。 方法二：从后台取数据，然后调用相应的xmlBuiler方法生成所需的xml。项目中已有一些XmlBuilder的方法可供调用。 3、承载图表的载体： HTML、JSP等都可以。调用fusionCharts开发方提供的fusioncharts.js里面写的fusionchart方法设置相关的参数直接生产相应的图表，产生一个fusioncharts 图表的div节点。但是现在fusionChartsw 图表还不能直接嵌入到ext框架里面。只能通过iframe嵌入。这样每次刷新的时候都会从新载入。 二、对于我们还未使用的功能：图表转换成图片或者pdf导出、热点链接 1、图表转换成图片或者PDF导出： fusionCharts开发方提供了两种方法实现，一种的客户端导出，一种是服务器端导出。建议使用客户端导出，使用开发方提供的服务器端导出的jar包时在IE上会抛出异常，在火狐上图表一般能显示，但在控制器也会抛出异常。开发方写的方法，有一些内部机制，没有完全理解。用服务器端的方法，可以正常使用ffdy电影婴儿湿疹怎么办要连接的页面用get方法去获取。另一方面可以直接调用后台的方法把xml文件里面的数据以js的形式直接导入到你要连接的页面。 三、重点 1、FusionCharts的三要素 2、xml各属性的应用 fusionCharts的基本知识部分： 一 、SWF 动画文件 SWF文件在目录FusionCharts_Site\Charts下 包括： 单一系列图表（9种）：（数据格式结构可共用，即单一系列的任何一种图表都可以用其他单一系列的图表代替）二维柱状图、三维柱状图、二维饼图、三维饼图、二维线图、二维条形图、二维块图、二维圆环图、三维圆环图。 多序列图（6种）：（主要用于比较，数据格式结构可共用）二维多序列柱状图、三维多序列柱状图、二维多序列线图、二维多序列块图、二维多序列条形图、三维多序列条形图。 堆栈图（6种）：二维堆栈柱状图、三维堆栈柱状图、二维堆栈块图、二维堆栈条形图、三维堆栈条形图、二维堆栈多序列柱状图（除最后一个图，其他的图数据可共享） 联合系列（7种）：（单一系列的图形可以联合使用，在一张图表中显示） 点分布图（2种）：（主要用来描述事件发生的分布情况，数据格式结构可共用）点状图、气泡状图。 带滚动条系列（6种）：多序列图（包括二维柱状图、二维线图、二维块图）、二维堆状柱状图、二维联合图、二维联合双Y轴图。 Grid形式（1种）：SSGrid.swf用法同上，可以结合上面的图形，一起使用。注意：grid的形式只支持单一系列图表的数据。 二、XML数据文件 XML文件以 chart开头，以/chart结束；或者以graph开头，以/graph结束 属性：（详细见附注）XML标签属性有以下四种数据类型：布尔型、数字型、字符型、十六进制颜色代码（只支持十六进制的颜色表示，且去掉前面的#号） 注意点： 当数字前缀numberPrefix为€、￡、?、￥、￠、%使用dataURL时可直接使用，但是当使用dataXML时需进行相应的编码即%E2%82%AC、%A3、%E2%82%A3、%A5、%A2、%25。 当标题caption含有在dataXML中要被编码为%26。 Fusioncharts不支持、号，需编码成lt;、gt; 当需要显示“’”时（eg: John’s）使用dataURL时需被编译成apos;使用dataXML时需被编译成%26apos; 当数据不连续时可以使用connectNullData属性设置是否让其连续显示（不连续点的直接用直线相连，也可以再不连续点的前一属性中设置dashed=1可以用虚线链接不连续点） 三、HTML（当然也可以使用JSP）嵌入charts文件 1、不使用JS情况：（不推荐使用） 使用object和embed嵌入swf文件，并设置dataUrl=data.xml的路径 2、使用JS情况：（推荐使用这种方法嵌入Charts文件） 必须包含fusioncharts.js文件 new FusionCharts(“swf”,”i