fusionchart的参数详细说明.docx
《fusionchart的参数详细说明.docx》由会员分享，可在线阅读，更多相关《fusionchart的参数详细说明.docx（14页珍藏版）》请在冰豆网上搜索。
fusionchart的参数详细说明
FusionChart的参数详细说明
（2）
<chartcaption='各地市对比图'xAxisName=''yAxisName=''outCnvBaseFontColor='#000000'showValues='0'decimals='3'formatNumberScale='0'baseFontSize='13'bgAlpha='40'bgColor='#F3EED1'legendPadding='0'slantLabels='1'showLabels='1'chartLeftMargin='1'chartRightMargin='1'chartTopMargin='1'chartBottomMargin='1'canvasBgColor='#F9F9F9'canvasBaseColor='#F9F9F9'canvasBaseDepth='3'showCanvasBg='1'showCanvasBase='1'><setlable='...'value='...'/><setlable='...'value='...'/><setlable='...'value='...'/><setlable='...'value='...'/></chart>
FusionCharts的XML标签属性有一下四种数据类型
*Boolean-布尔类型，只能为1或者0。
例如：
<graphshowNames=’1′>
*Number-数字类型，只能为数字。
例如：
<graphyAxisMaxValue=’200′>
*String-字符串类型，只能为字符串。
例如：
<graphcaption=’MyChart’>
*HexColorCode-十六进制颜色代码，前边没有’#’.例如：
<graphbgColor=’FFFFDD’>
XML中的标签和属性有：
<graph>所具有的属性
flash背景参数：
*bgColor=”HexColorCode”:
设置flash的背景颜色
*bgAlpha=”NumericalValue（0-100）”:
设置背景的透明度
*bgSWF=”PathofSWFFile”:
设置一个外部的Flash为flash的背景
图表背景参数：
*canvasBgColor=”HexColorCode”:
设置图表背景的颜色
*canvasBaseColor=”HexColorCode”:
设置图表基部的颜色
*canvasBaseDepth=”NumericalValue”:
设置图表基部的高度
*canvasBgDepth=”NumericalValue”:
设置图表背景的深度
*showCanvasBg=”1/0″:
设置是否显示图表背景
*showCanvasBase=”1/0″:
设置是否显示图表基部
图表和轴的标题
*caption=”String”:
图表上方的标题
*subCaption=”String”:
图表上方的副标题
*xAxisName=“String”:
X轴的名字
*yAxisName=“String”:
y轴的名字
图表数量值的限制
*yAxisMinValue=”value”:
y轴最小值
*yAxisMaxValue=”value”:
y舟最大值
通用参数
*shownames=”1/0″:
设置是否在x轴下显示<set>里指定的name
*showValues=”1/0″:
设置是否在柱型图或饼型图上显示数据的值
*showLimits=”1/0″:
设置是否在图表的y轴坐标上显示最大最小的数据值
*rotateNames=”1/0″:
设置x轴下的name是水平显示还是垂直显示
*animation=”1/0″:
设置柱型图的显示是否是动画显示
字体属性
*baseFont=”FontName”:
设置字体样式
*baseFontSize=”FontSize”:
设置字体大小
*baseFontColor=”HexColorCode”:
设置字体颜色
*outCnvBaseFont=“FontName”:
设置图表外侧的字体样式
*outCnvBaseFontSze=”FontSize”:
设置图表外侧的字体大小
*outCnvBaseFontColor=”HexColorCode”:
设置图表外侧的字体颜色
数字格式选项
*numberPrefix=”$”:
设置数据值的前缀
*numberSuffix=”p.a”:
设置数据值的后缀（如果是特殊字符，需要使用URLEncode重编码）
*formatNumber=”1/0″:
设置是否格式化数据
*formatNumberScale=”1/0″:
设置是否用“K”来代表千，“M”来代表百万
*decimalSeparator=”.”:
用指定的字符来代替小数点
*thousandSeparator=”,”:
用指定的字符来代替千位分隔符
*decimalPrecision=”2″:
设置十进制的精度
*divLineDecimalPrecision=”2″:
设置y轴数值的小数位数
*limitsDecimalPrecision=”2″:
设置y轴的最大最小值的小数位数
水平分隔线
*numdivlines=”NumericalValue”:
设置水平分隔线的数量
*divlinecolor=”HexColorCode”:
设置水平分隔线的颜色
*divLineThickness=”NumericalValue”:
设置水平分隔线的宽度
*divLineAlpha=”NumericalValue0-100″:
设置水平分隔线的透明度
*showDivLineValue=”1/0″:
设置是否显示水平分隔线的数值
鼠标旋停参数
*showhovercap=”1/0″:
显示是否激活鼠标旋停效果
*hoverCapBgColor=”HexColorCode”:
设置鼠标旋停效果的背景颜色
*hoverCapBorderColor=”HexColorCode”:
设置鼠标旋停效果的边框颜色
*hoverCapSepChar=”Char”:
设置鼠标旋停后显示的文本中的分隔符号
图表边距的设置
*chartLeftMargin=”NumericalValue（inpixels）”:
设置图表左边距
*chartRightMargin=”NumericalValue（inpixels）”:
设置图表右边距
*chartTopMargin=”NumericalValue（inpixels）”:
设置图表上边距
*chartBottomMargin=”NumericalValue（inpixels）”:
设置图表下边距
ZeroPlane
Thezeroplaneisa3Dplanethatsignifiesthe0positiononthechart.Iftherearenonegativenumbersonthechart,youwon’tseeavisiblezeroplane.
*zeroPlaneShowBorder=”1/0″:
Whethertheborderofa3Dzeroplanewouldbeplottedornot.
*zeroPlaneBorderColor=”HexCode”:
Iftheborderistobeplotted,thisattributesetsthebordercolorfortheplane.
*zeroPlaneColor=”HexCode”:
Theintendedcolorforthezeroplane.
*zeroPlaneAlpha=”NumericalValue0-100″:
Theintendedtransparencyforthezeroplane.
<set>所具有的属性
*name=”string”:
设置在图表中体现出来的名字
Example:
<setname=’Jan’…>
*value=”NumericalValue”:
设置在图表中各个名字想对应的值
Example:
<setname=’Jan’value=’12345′…>
*color=”HexCode”:
设置在图表中相对应的柱行图的颜色
Example:
<setname=’Jan’value=’12345′color=’636363′…>
*hoverText=”Stringvalue”:
设置鼠标旋停在相对应的柱行图上出现的文本内容
Example:
<setname=’Jan’value=’12345′color=’636363′hoverText=’January’…>
*link=”URL”:
设置该柱行图的链接地址（需要URLEncode重编码）
Example:
<set…link=’ShowDetails.asp%3FMonth=Jan’…>
*alpha=”NumericalValue0-100″:
设置在图表中相对应的柱行图的透明度
Example:
<set…alpha=’100′…>
*showName=”1″:
设置在是否显示图表中相对应的柱行图的name
Example:
<set…showName=”1″…>
////////////////////////////////////////////////////////////////////////////////////////////
ANCHORS锚点用于标识line或area的数值点
支持效果Animation动画、Shadow阴影、Glow发光、Bevel倾斜、Blur模糊
动画属性_alpha、_x、_y、_xScale、_yScale
BACKGROUND整个图表的背景
支持属性Animation、Shadow、Glow、Bevel、Blur
动画属性_alpha、_x、_y、_xScale、_yScale
CANVAS区域图中的区域
支持属性Animation、Shadow、Glow、Bevel、Blur
动画属性_alpha、_x、_y、_xScale、_yScale
CAPTION图表标题
SUBCAPTION图表子标题
支持属性Animation、Shadow、Glow、Bevel、Blur、Font字体
动画属性_alpha、_x、_y
DATALABELS数据的x轴标签列表
支持属性Animation、Shadow、Glow、Bevel、Blur、Font字体
动画属性_alpha、_x、_y
DATAPLOT数据细节（如：
2D图表中的列）
支持属性Animation、Shadow、Glow、Bevel、Blur
动画属性_alpha、_x、_y、_xScale、_yScale
DATAVALUES图表数据
支持属性Animation、Shadow、Glow、Bevel、Blur、Font字体
动画属性_alpha、_x、_y
DIVLINES水平的列表区域（由div组成的线）
支持属性Animation、Shadow、Glow、Bevel、Blur
动画属性_alpha、_x、_y、_xScale
HGRID水平的两个列表区域中交替的颜色
支持属性Animation、Shadow、Glow、Bevel、Blur
动画属性_alpha、_x、_y、_xScale、_yScale
VDIVLINES垂直的列表区域
VGRID垂直的两个列表区域中交替的颜色
VLINES垂直分割线
XAXISNAMEx轴名称
YAXISNAMEy轴名称
YAXISVALUESy轴的值列表
TOOLTIP在鼠标移动到数据点上的时候的提示
支持属性Font
TRENDLINES趋势线
TRENDVALUES
chart
FunctionalAttributes
animationbool是否使用动画
palettenumber（1-5）使用默认的调色板
connectNullDatabool是否呈现空值（？
猜测）
showLabelsbool是否显示标签
labelDisplaystring（WRAP,STAGGER,ROTATEorNONE）标签的呈现方式（超长屏蔽、折行、倾斜还是不显示）
rotateLabelsbool
slantLabelsboolx轴说明文字是否倾斜（1/0）
labelStepnumber（1orabove）
staggerLinesnumber（2orabove）多少个字符后折行（labelDisplay=stagger）
showValuesbool是否一直显示数据值在数据点上
rotateValuesbool是否滚动显示值（showValues=1）
showYAxisValuesbool是否显示y轴数据
showLimitsbool
showDivLineValuesbool
yAxisValuesStepnumber（1orabove）y轴标记的显示间隔
adjustDivbool自动调整divlines
rotateYAxisNamebool
yAxisNameWidthnumber（InPixels）
clickURLString图表的焦点链接地址
defaultAnimationbool是否开启默认动画
yAxisMinValuenumberY轴中最小值
yAxisMaxValuenumberY轴中最大值
setAdaptiveYMin
ChartTitlesandAxisNames
caption
subCaption
xAxisName
yAxisName
ChartCosmetics
bgColorcolor可以使用逗号分割多个颜色值FF5904,FFFFFF
bgAlphanumber（0-100）透明度
bgRationumber（0-100）多个颜色值所占的比率
bgAnglenumber（0-360）角度
bgSWFstring背景flash，但必须在同一个域下
bgSWFAlphanumber（0-100）
canvasBgColorColor区域背景颜色
canvasBgAlpha
canvasBgRatio
canvasBgAngle
canvasBorderColor
canvasBorderThicknessnumber（0-5）边框厚度
canvasBorderAlpha
showBorderbool
borderColor
borderThicknessnumberInPixels
borderAlpha
DataPlotCosmetics
showPlotBorderbool
plotBorderColor
plotBorderThickness（0-5）pixels
plotBorderAlpha
plotBorderDashedbool是否使用虚线
plotBorderDashLennumberinpixels
plotBorderDashGapnumberinpixels
plotFillAnglenumber0-360
plotFillRationumber0-100
plotFillAlpha
plotGradientColorcolor渐变颜色
showShadowbool是否显示阴影
plotFillColor
Anchors
drawAnchorsbool
anchorSidesNumber3-20边数
anchorRadiusnumberinpixels半径
anchorBorderColorcolorhexcode
anchorBorderThicknessnumberinpixels
anchorBgColor
anchorAlpha
anchorBgAlpha
DivisionalLines&Grids
numDivLinesnumber>0水平区域线数量
divLineColor
divLineThicknessnumber1-5
divLineAlpha
divLineIsDashedbool虚线
divLineDashLen
divLineDashGap
zeroPlaneColor
zeroPlaneThickness
zeroPlaneAlpha
showAlternateHGridColor
alternateHGridColor
alternateHGridAlpha
numVDivLines
vDivLineColor
vDivLineThickness
vDivLineAlpha
vDivLineIsDashed
vDivLineDashLen
vDivLineDashGap
showAlternateVGridColor
alternateVGridColor
alternateVGridAlpha
NumberFormatting
formatNumberbool
formatNumberScalebool
defaultNumberScalestring
numberScaleUnitstring
numberScaleValuestring
numberPrefixstring
numberSuffixstring
decimalSeparatorstring
thousandSeparatorstring
inDecimalSeparatorstring
inThousandSeparatorstring
decimalsnumber0-10
forceDecimalsbool
yAxisValueDecimalsnumber0-10
FontProperties
baseFont
baseFontSizenumber0-72
baseFontColor
outCnvBaseFontcnvcanvas
outCnvBaseFontSize
outCnvBaseFontColor
Tool-tip
showToolTipbool
toolTipBgColor
toolTipBorderColor
toolTipSepChar
ChartPadding&Margins
captionPadding
xAxisNamePadding
yAxisNamePadding
yAxisValuesPadding
labelPadding
valuePadding
chartLeftMargin
chartRightMargin
chartTopMargin
chartBottomMargin
canvasPadding
setelement
labelstring
valuenumber
colorcolorhexcode
linkstring
toolTextstring
showLavel
showValue
dashed
alpha
anchorSides
anchorRadius
anchorBorderColor
anchorBorderThickness
anchorBgColor
anchorAlpha
anchorBgAlpha
Verticaldataseparatorlines
升级会员 