FusionChart

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）、多序列柱状图（MultiSeries Column2D|3D）、饼图（Pie 2D|3D）、折线图（Line 2D|MultiSeries Line 2D）、堆栈图（Stacked Column 2D|3D）等。

XML数据节点和常用属性详解

<chart >….</chart >

caption=‘标题‘

subcaption=‘子标题‘

clickURL=‘abc.jsp‘点 击整个图表时跳转到abc.jsp

xAxisName=部门‘

numberSuffix =‘￥’数据前缀单位

numberSuffix =‘个’数据后缀单位

Decimals=‘2’保留两 位小数，四舍五入

forceDecimals=‘2’强制保 留两位小数，对于5.1转换为5.10

yAxisName=‘完成率’如果使用汉字汉符需加属性：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 的优点

1. 免费：100%免费，而且生成的图形中不含任何广告链接。
2. 免安装：在使用FusionCharts Free前所要做的只是拷贝几个SWF文件而已。
3. 简单：使用FusionCharts Free不需要了解任何Flash的知识，将想要显示的数据转成XML扔给它就OK了。
4. 支持所有的平台和语言PHP, ASP, .NET, JSP, ColdFusion, JavaScript, Ruby on Rails...
5. 降低资源占用和带宽消耗：以往，要显示的图片都是在服务器端生成好后，再传给浏览器的。这对服务器的资源和网络带宽都是一个较大的消耗。 而FusionCharts Free只是将预构建的SWF文件和XML数据文件传给浏览器，剩下的图片渲染等工作就交给Adobe Flash Player了。与此同时，浏览器会将SWF文件缓存起来，以后就更是只需要传递XML即可。
6. 大量的类型：尽管比V3少，但FusionCharts Free还是提供了22种图片类型。