一.FusionCharts的分类
1.FusionCharts。跨平台、跨浏览器的JavaScript/HTML图表组件
FusionCharts XT作为FusionCharts图表套包的主打产品,它提供了所有通用的图表类型,同时它还支持 ASP、ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、JavaScript、甚至简单的HTML页面。Fusioncharts来制作专业的JavaScript图表。
2.FusionMaps。
FusionMaps是一款JavaScript (HTML5) &Flash地图工具。可以根据内容、地区来展现地理数据或者其他实体。你可以使用FusionMaps有效地描绘业务数据,例如地区利润、地区人口分布情况、竞选结果、航班路线、办公地点、调查结果等。
3.FusionWidgets。
FusionWidget是所有图表完美的附加组件,即时股票监视器,对KPI和其他重要数据进行实时监视,处理监控应用程序和财务应用程序。通过使用各种易于操作的组件,它将带给你一个程序员和信息可视化相结合的体验。借助JavaScript (HTML5)和Flash, FusionWidgetsXT可在PCs、Macs、iPads, iPhones以及其他移动设备上无缝操作。
4.PowerCharts。适用于专业领域的高级图表控件。
PowerCharts XT是一套用在特定领域如:网络图、盈亏分析、财务规划、股价图以及层次结构图的高级图表库。它还提供了视觉上可编辑的图表来模拟假设情景和雷达图表上的多个实体的多个参数间的比较。
二、FusionCharts
FusionCharts的FusionCharts分类有很多种。
按数据类型分类有:
1.单组数据类型图表(Single Data Charts) 2.多组数据类型图表(Multi-Data Charts)
按图的展示类型分类(也是官方分类)有:
1.单系列图表(Single Series Charts) 2.多系列图表(Multi-Series Charts)
3.堆积式图表(Stacked Charts) 4.组合图表(Combination Charts)
5.分布图(XY Plot Charts) 6.滚动图(Scroll Charts)
三.关于FusionCharts的FusionCharts的Attributes(属性)
1、功能特性
animation 是否动画显示数据,默认为 1(True)
showNames 是否显示横向坐标轴(x轴)标签名称
rotateNames 是否旋转显示标签,默认为0(False):横向显示
showValues 是否在图表显示对应的数据值,默认为1(True)
yAxisMinValue 指定纵轴(y轴)最小值,数字
yAxisMaxValue 指定纵轴(y轴)最大值,数字
showLimits 是否显示图表限值(y轴最大、最小值),默认为1(True)
showColumnShadow 是否显示各条形图间的阴影(若柱面图在一起并列的话)
showAlternateHGridColor 是否隔行显示不同颜色
2、图表标题和轴名称
caption 图表主标题
subCaption 图表副标题
xAxisName 横向坐标轴(x轴)名称
yAxisName 纵向坐标轴(y轴)名称
imageSave='1' 是否保存图片
imageSaveURL='Path/FusionChartsSave.jsp '图片路径
hoverCapSepChar=','。鼠标放到柱面上时显示的提示信息的分隔符
showhovercap='1' 鼠标放到柱面上时是否显示提示信息
hoverCapBgColor=‘ffffff’提示信息背景颜色
3、图表和画布的样式
bgColor 图表背景色,6位16进制颜色值
canvasBgColor 画布背景色,6位16进制颜色值
canvasBgAlpha 画布透明度,[0-100]
canvasBorderColor 画布边框颜色,6位16进制颜色值
canvasBorderThickness 画布边框厚度,[0-100]
shadowAlpha 投影透明度,[0-100]
showLegend 是否显示系列名,默认为1(True)
4、字体属性
baseFont 图表字体样式
baseFontSize 图表字体大小
baseFontColor 图表字体颜色,6位16进制颜色值
outCnvBaseFont 图表画布以外的字体样式
outCnvBaseFontSize 图表画布以外的字体大小
outCnvBaseFontColor 图表画布以外的字体颜色,6位16进制颜色值
5、分区线和网格
numDivLines 画布内部水平分区线条数,数字
divLineColor 水平分区线颜色,6位16进制颜色值
divLineThickness 水平分区线厚度,[1-5]
divLineAlpha 水平分区线透明度,[0-100]
showAlternateHGridColor 是否在横向网格带交替的颜色,默认为0(False)
alternateHGridColor 横向网格带交替的颜色,6位16进制颜色值
alternateHGridAlpha 横向网格带的透明度,[0-100]
showDivLineValues 是否显示Div行的值,默认??
numVDivLines 画布内部垂直分区线条数,数字
vDivLineColor 垂直分区线颜色,6位16进制颜色值
vDivLineThickness 垂直分区线厚度,[1-5]
vDivLineAlpha 垂直分区线透明度,[0-100]
showAlternateVGridColor 是否在纵向网格带交替的颜色,默认为0(False)
alternateVGridColor 纵向网格带交替的颜色,6位16进制颜色值
alternateVGridAlpha 纵向网格带的透明度,[0-100]
6、数字格式
numberPrefix 增加数字前缀
numberSuffix 增加数字后缀 % 为 '%25' / (吨)为‘%ef%bc%88%e5%90%a8%ef%bc%89’(Server.UrlEncode编码)
formatNumberScale 是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M
decimalPrecision 指定小数位的位数, [0-10] 例如:='0' 取整
divLineDecimalPrecision 指定水平分区线的值小数位的位数, [0-10]
limitsDecimalPrecision 指定y轴最大、最小值的小数位的位数,[0-10]
formatNumber 逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符
decimalSeparator 指定小数分隔符,默认为'.'
thousandSeparator 指定千分位分隔符,默认为','
7、Tool- tip/Hover标题
showhovercap 是否显示悬停说明框,默认为1(True)
hoverCapBgColor 悬停说明框背景色,6位16进制颜色值
hoverCapBorderColor 悬停说明框边框颜色,6位16进制颜色值
hoverCapSepChar 指定悬停说明框内值与值之间分隔符,默认为','
8、折线图的参数
lineThickness 折线的厚度
anchorRadius 折线节点半径,数字
anchorBgAlpha 折线节点透明度,[0-100]
anchorBgColor 折线节点填充颜色,6位16进制颜色值
anchorBorderColor 折线节点边框颜色,6位16进制颜色值
9、Set标签使用的参数
value 数据值
color 颜色
link 链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])
name 横向坐标轴标签名称
showFCMenuItem='0' 设置右键显示不显示