fusioncharts图表控件中文版超详细整理使用手册

《fusioncharts图表控件中文版超详细整理使用手册》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、FusionCharts图表控件中文版使用手册附注fusionCharts详细属性26一、构成fusionCharts的三要素：3swf、data.xml、承载图表的载体3二、对于我们还未使用的功能：3图表转换成图片或者pdf导出、热点链接3三、重点3fusionCharts的基本知识部分：4一、SWF动画文件4二、XML数据文件4三、HTML（当然也可以使用JSP）嵌入charts文件5四、结合javascript的应用：5五、热点链接：link=’’5六、图表数据导出6七、图表导出为pdf或者图片（JPEG和PNG）形式6八、中文编

2、码解决方法：7附注fusionCharts详细属性：71、边框及整个背景的属性：72、图表背景属性：83、外部引入LOGO:84、图表名称和轴属性：95、dataplot属性96、数据横纵轴属性97、图表上的数据显示108、图表调色板109、横轴坐标最大值、最小值属性1010、图表内部的div线相关属性1011、图表内部垂直div线的相关属性1012、Zeroplan相关属性1113、Anchors相关属性（针对线图）1114、tool-tip属性1115、padding属性1116、数据格式相关属性1217、legend相关属性121

3、8、3D图表属性1219、自定义菜单属性1320、趋势线：1321、Styles属性：（eg）定义自定义效果属性，然后在一个对象上进行使用。13按照编程xml构造结构分：（只列举出了几种主要属性，主要用于xmlBuiler）1626一、构成fusionCharts的三要素：swf、data.xml、承载图表的载体1、Swf：按照你所设计的图表类型加载相应的.swf文件到你的工程即可(eg：若你想生成一张二维柱状图，那么在你的工程里就必须包含Column2D.swf文件)2、Data.xml：方法一：直接用data.jsp文件替代data

4、.xml文件，写法格式同xml。图表所需的属性直接在里面写死就行，只是所需的横纵坐标的数据调用后台的方法从数据库里面取得。这样就可以省去xmlBuilder这部分代码。方法二：从后台取数据，然后调用相应的xmlBuiler方法生成所需的xml。项目中已有一些XmlBuilder的方法可供调用。3、承载图表的载体：HTML、JSP等都可以。调用fusionCharts开发方提供的fusioncharts.js里面写的fusionchart方法设置相关的参数直接生产相应的图表，产生一个fusioncharts图表的div节点。但是现在fus

5、ionCharts图表还不能直接嵌入到ext框架里面。只能通过iframe嵌入。这样每次刷新的时候都会从新载入。二、对于我们还未使用的功能：图表转换成图片或者pdf导出、热点链接1、图表转换成图片或者PDF导出：fusionCharts开发方提供了两种方法实现，一种的客户端导出，一种是服务器端导出。建议使用客户端导出，使用开发方提供的服务器端导出的jar包时在IE上会抛出异常，在火狐上图表一般能显示，但在控制器也会抛出异常。开发方写的方法，有一些内部机制，没有完全理解。用服务器端的方法，可以正常使用。2、热点链接：主要应该是数据传递问题

6、。一方面可以直接从data.xml文件里面的link属性设置你要传过来的参数，然后在你要连接的页面用get方法去获取。另一方面可以直接调用后台的方法把xml文件里面的数据以js的形式直接导入到你要连接的页面。三、重点1、FusionCharts的三要素2、xml各属性的应用26fusionCharts的基本知识部分：一、SWF动画文件1.SWF文件在目录FusionCharts_SiteCharts下2.包括：1)单一系列图表（9种）：（数据格式结构可共用，即单一系列的任何一种图表都可以用其他单一系列的图表代替）二维柱状图、三维柱状图

7、、二维饼图、三维饼图、二维线图、二维条形图、二维块图、二维圆环图、三维圆环图。2)多序列图（6种）：（主要用于比较，数据格式结构可共用）二维多序列柱状图、三维多序列柱状图、二维多序列线图、二维多序列块图、二维多序列条形图、三维多序列条形图。3)堆栈图（6种）：二维堆栈柱状图、三维堆栈柱状图、二维堆栈块图、二维堆栈条形图、三维堆栈条形图、二维堆栈多序列柱状图（除最后一个图，其他的图数据可共享）4)联合系列（7种）：（单一系列的图形可以联合使用，在一张图表中显示）5)点分布图（2种）：（主要用来描述事件发生的分布情况，数据格式结构可共用）点

8、状图、气泡状图。6)带滚动条系列（6种）：多序列图（包括二维柱状图、二维线图、二维块图）、二维堆状柱状图、二维联合图、二维联合双Y轴图。7)Grid形式（1种）：SSGrid.swf用法同上，可以结合上面的