FusionChart的开发和FusionChart的常用XML接口属性
2010-05-13 10:54
文章转载请注明出处：http://hi.baidu.com/zyzx1986/blog/item/b2f8eeee9129a43cacafd5e6.html
关于Flash统计报表的实现有多种，水晶易表（Flash+XML）、FusionCharts（Flash+XML）、OpenFlash（JSON）等。
ØFusionCharts能够实现柱状图（Column
2D|3D）、多序列柱状图（Multi
Series Column2D|3D）、饼图（Pie 2D|3D）、折线图（Line 2D|Multi
Series Line 2D）、堆栈图（Stacked Column 2D|3D）等。
XML数据节点和常用属性详解
<chart >….</chart >
caption=‘标题‘
subcaption=‘子标题‘
clickURL=‘abc.jsp‘
点 击整个图表时跳转到abc.jsp
点 击整个图表时跳转到abc.jsp
xAxisName=部门‘
numberSuffix =‘￥’
数据前缀单位
数据前缀单位
numberSuffix =‘个’
数据后缀单位
数据后缀单位
Decimals=‘2’
保留两 位小数，四舍五入
保留两 位小数，四舍五入
forceDecimals=‘2’
强制保 留两位小数，对于5.1
转换为5.10
强制保 留两位小数，对于5.1
转换为5.10
yAxisName=‘完成率’
如果使用汉字汉符需加属性：rotateYAxisName=‘1’
如果使用汉字汉符需加属性：rotateYAxisName=‘1’
showValues=‘1’
yAxisMaxValue=‘100’
对 于百分比的常用
对 于百分比的常用
bgColor='999999,FFFFFF‘
渐 变
渐 变
bgColor=‘999999 ’
单 色
单 色
useRoundEdges=‘1’
光 线效果
光 线效果
baseFont=‘宋体‘
baseFontSize='12'
baseFontColor='333333'
< categories >….. </categories >
|
属性名称
|
类型
|
说名
|
|
font
|
String
|
字体
|
|
fontSize
|
Number
|
尺寸
|
|
fontColor
|
Color
|
颜色
|
<category />
|
属性
|
类型
|
说明
|
|
label
|
String
|
类别名称
|
|
showLabel
|
Boolean
|
是否显示名称
|
|
toolText
|
String
|
替称
|
< set>
|
属性
|
类型
|
说明
|
|
label
|
String
|
名称
|
|
value
|
Number
|
值
|
|
color
|
Color
|
颜色
|
|
link
|
String
|
链接调用JS方法：link=‘Javascript:method();’
|
|
toolText
|
String
|
替称
|
|
showLabel
|
Boolean
|
是否显示名称0/1
|
|
showValue
|
Boolean
|
是否显示值0/1
|
|
dashed
|
Boolean
|
是否用虚线0/1
|
|
alpha
|
Number
|
透明度0-100
|
< vLine />
|
属性名称
|
类型
|
说名
|
|
color
|
String
|
颜色
|
|
thickness
|
Number
|
粗线
|
FusionCharts Free 的优点
- 免费：100%免费，而且生成的图形中不含任何广告链接。
- 免安装：在使用FusionCharts Free前所要做的只是拷贝几个SWF文件而已。
- 简单：使用FusionCharts Free不需要了解任何Flash的知识，将想要显示的数据转成XML扔给它就OK了。
- 支持所有的平台和语言PHP, ASP, .NET, JSP, ColdFusion, JavaScript, Ruby on Rails...
- 降低资源占用和带宽消耗：以往，要显示的图片都是在服务器端生成好后，再传给浏览器的。这对服务器的资源和网络带宽都是一个较大的消耗。 而FusionCharts Free只是将预构建的SWF文件和XML数据文件传给浏览器，剩下的图片渲染等工作就交给Adobe Flash Player了。与此同时，浏览器会将SWF文件缓存起来，以后就更是只需要传递XML即可。
- 大量的类型：尽管比V3少，但FusionCharts Free还是提供了22种图片类型。