FusionCharts使用说明Word格式文档下载.docx
《FusionCharts使用说明Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《FusionCharts使用说明Word格式文档下载.docx(12页珍藏版)》请在冰豆网上搜索。
4)、Highcharts的优点:
灵活性好,可以随意修改图表模板参数,Ajax支持
5)、Highcharts的缺点:
渲染速度慢。
4、FusionCharts可实现的图形
a)3D/2D柱形图
b)曲线图
c)3D/2D饼图、环图
d)区域图
e)堆栈图
f)联合图
g)蜡烛图
h)漏斗图
i)甘特图
4、参数说明
FusionCharts参数的详细说明和功能特性
功能特性
animation
是否动画显示数据,默认为1(True)
showNames
是否显示横向坐标轴(x轴)标签名称(0)不显示1:
显示
rotateNames
是否旋转显示标签,默认为0(False):
横向显示
showValues
是否在图表显示对应的数据值,默认为1(True)
yAxisMinValue
指定纵轴(y轴)最小值,数字
yAxisMaxValue
showLimits
是否显示图表限值(y轴最大、最小值),默认为1(True)0为不显示
showBorder外边框0为不显示1为显示(默认)
图表标题和轴名称
caption
图表主标题
subCaption
图表副标题
xAxisName
横向坐标轴(x轴)名称
yAxisName
纵向坐标轴(y轴)名称
图表和画布的样式
bgColor
图表背景色,6位16进制颜色值最外面的边框
canvasBgColor
画布背景色,6位16进制颜色值
canvasBgAlpha
画布透明度,[0-100]
canvasBorderColor
画布边框颜色,6位16进制颜色值
canvasBorderThickness
画布边框厚度,[0-100]
shadowAlpha
投影透明度,[0-100]
showLegend
是否显示系列名,默认为1(True)
字体属性
baseFont
图表字体样式
baseFontSize
图表字体大小
baseFontColor
图表字体颜色,6位16进制颜色值
outCnvBaseFont
图表画布以外的字体样式
outCnvBaseFontSize
图表画布以外的字体大小
outCnvBaseFontColor
图表画布以外的字体颜色,6位16进制颜色值
分区线和网格
numDivLines
画布内部水平分区线条数,数字(平均分配)
divLineColor
水平分区线颜色,6位16进制颜色值
divLineThickness
水平分区线厚度,[1-5]
divLineAlpha
水平分区线透明度,[0-100]
showAlternateHGridColor
是否在横向网格带交替的颜色,默认为0(False)
alternateHGridColor
横向网格带交替的颜色,6位16进制颜色值
alternateHGridAlpha
横向网格带的透明度,[0-100]
showDivLinues
是否显示Div行的值,默认?
?
numVDivLines
画布内部垂直分区线条数,数字
vDivLineColor
垂直分区线颜色,6位16进制颜色值
vDivLineThickness
垂直分区线厚度,[1-5]
vDivLineAlpha
垂直分区线透明度,[0-100]
showAlternateVGridColor
是否在纵向网格带交替的颜色,默认为0(False)
alternateVGridColor
纵向网格带交替的颜色,6位16进制颜色值
alternateVGridAlpha
纵向网格带的透明度,[0-100]
showYAxisValues是否显示y轴坐标0不显示
数字格式
numberPrefix
增加数字前缀
numberSuffix
增加数字后缀
%为'
%25'
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
指定千分位分隔符,默认为'
'
Tool-tip/Hover标题
showhovercap
是否显示悬停说明框,默认为1(True)
hoverCapBgColor
悬停说明框背景色,6位16进制颜色值
hoverCapBorderColor
悬停说明框边框颜色,6位16进制颜色值
hoverCapSepChar
指定悬停说明框内值与值之间分隔符,默认为'
折线图的参数
lineThickness
折线的厚度
anchorRadius
折线节点半径,数字
anchorBgAlpha
折线节点透明度,[0-100]
anchorBgColor
折线节点填充颜色,6位16进制颜色值
anchorBorderColor
折线节点边框颜色,6位16进制颜色值
Set标签使用的参数
value
数据值
color
颜色(折线颜色)这点和上一点之间的
link
链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:
函数])
name
横向坐标轴标签名称
饼状图特有的属性
2阴影效果设置
showShadow="
1/0"
:
是否显示阴影
*shadowColor="
HexCode"
阴影的颜色
*shadowAlpha="
0-100"
阴影的透明度
*shadowXShift="
NumericValue"
阴影向X轴移动多少像素
*shadowYShift="
阴影向y轴移动多少像素
3饼状图属性
*pieRadius="
NumericPixels"
饼状图的半径
*pieSliceDepth="
饼状图切片的深度
*pieYScale="
NumericValue30-100"
饼状图的偏斜量
*pieBorderThickness"
饼状图的边框厚度
*pieBorderAlpha="
饼状图边框的透明度
*pieFillAlpha="
饼状图透明度
4显示距离控制
*slicingDistance="
切片到饼图的距离,前提是设置了isSliced='
1'
*nameTBDistance="
名称到饼图的距离