FusionCharts图表控件中文版使用手册.doc

FusionCharts图表控件中文版使用手册 根据网上资料编辑以及个人经验并汇总  前言 3 ? 先谈谈我对fusionCharts的看法： 3 一、构成fusionCharts的三要素：swf、data.xml、承载图表的载体 3 二、对于我们还未使用的功能：图表转换成图片或者pdf导出、热点链接 3 三、重点 4 ? fusionCharts的基本知识部分： 4 一 、SWF 动画文件 4 二、XML数据文件 4 三、HTML（当然也可以使用JSP）嵌入charts文件 5 四、结合javascript 的应用： 5 五、热点链接：link=’ ’ 5 六、图表数据导出 6 七、图表导出为pdf或者图片（JPEG和PNG）形式 6 八、中文编码解决方法： 7 附注fusionCharts详细属性： 7 1、边框及整个背景的属性： 8 2、图表背景属性： 8 3、外部引入LOGO: 9 4、图表名称和轴属性： 9 5、data plot属性 9 6、数据横纵轴属性 10 7、图表上的数据显示 10 8、图表调色板 10 9、横轴坐标最大值、最小值属性 10 10、图表内部的div线相关属性 11 11、图表内部垂直div线的相关属性 11 12、Zero plan相关属性 11 13、Anchors相关属性（针对线图） 11 14、tool-tip 属性 11 15、padding属性 12 16、数据格式相关属性 12 17、legend相关属性 12 18、3D图表属性 13 19、自定义菜单属性 13 20、趋势线： 13 21、Styles属性：（eg）定义自定义效果属性，然后在一个对象上进行使用。 14 按照编程xml构造结构分：（只列举出了几种主要属性，主要用于xmlBuiler） 16 前言 先谈谈我对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节点。但是现在fusionCharts图表还不能直接嵌入到ext框架里面。只能通过iframe嵌入。这样每次刷新的时候都会从新载入。 二、对于我们还未使用的功能：图表转换成图片或者pdf导出、热点链接 1、图表转换成图片或者PDF导出： fusionCharts开发方提供了两种方法实现，一种的客户端导出，一种是服务器端导出。建议使用客户端导出，使用开发方提供的服务器端导出的jar包时在IE上会抛出异常，在火狐上图表一般能显示，但在控制器也会抛出异常。开发方写的方法，有一些内部机制，没有完全理解。用服务器端的方法，可以正常使用。 2、热点链接： 主要应该是数据传递问题。一方面可以直接从data.xml文件里面的link属性设置你要传过来的参数，然后在你要连接的页面用get方法去获取。另一方面可以直接调用后台的方法把xml文件里面的数据以js的形式直接导入到你要连接的页面。 三、重点 1、FusionCharts的三要素 2、xml各属性的应用 fusionCharts的基本知识部分： 一 、SWF 动画文件 SWF文件在目录FusionCharts_Site\Charts下 包括： 单一系列图表（9种）：（数据格式结构可共用，即单一系列的任何一种图表都可以用其他单一系列的图表代替）二维柱状图、三维柱状图、二维饼图、三维饼图、二维线图、二维条形图、二维块图、二维圆环图、三维圆环图。 多序列图（6种）：（主要用于比较，数据格式结构可共用）二维多序列柱状图、三维多序列柱状图、二维多序列线图、二维多序列块图、二维多序列条形图、三维多序列条形图。 堆栈图（6种）：二维堆栈柱状图、三维堆栈柱状图、二维堆栈块图、二维堆栈条形图、三维堆栈条形图、二维堆栈多序列柱状图（除最后一个图，其他的图数据可共享） 联合系列（7种）：（单一系列的图形可以联合使用，在一张图