FusionChart的开发和FusionChart的常用XML接口属性
之前在百度空间看到的,所以转过来了
关于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
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 的优点
- 免费: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种图片类型。