FusionCharts 的 XML标签属性有一下四种数据类型
* Boolean - 布尔类型,只能为1或者0。例如:<graph showNames=’1′ >
* Number - 数字类型,只能为数字。例如:<graph yAxisMaxValue=’200′ >
* String - 字符串类型,只能为字符串。例如: <graph caption=’My Chart’ >
* Hex Color Code - 十六进制颜色代码,前边没有’#’.例如: <graph bgColor=’FFFFDD’ >
XML中的标签和属性有:
<graph> 所具有的属性
flash背景参数:
* bgColor=”HexColorCode” : 设置flash的背景颜色
* bgAlpha=”NumericalValue(0-100)” : 设置背景的透明度
* bgSWF=”Path of SWF File” : 设置一个外部的Flash 为flash的背景
图表背景参数:
* canvasBgColor=”HexColorCode” : 设置图表背景的颜色
* canvasBaseColor=”HexColorCode” : 设置图表基部的颜色
* canvasBaseDepth=”Numerical Value” : 设置图表基部的高度
* canvasBgDepth=”Numerical Value” : 设置图表背景的深度
* 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” : 设置数据值的后缀(如果是特殊字符,需要使用URL Encode重编码)
* 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=”Numerical Value (in pixels)” : 设置图表左边距
* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距
* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距
* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距
Zero Plane
The zero plane is a 3D plane that signifies the 0 position on the chart. If there are no negative numbers on the chart, you won’t see a visible zero plane.
* zeroPlaneShowBorder=”1/0″ : Whether the border of a 3D zero plane would be plotted or not.
* zeroPlaneBorderColor=”Hex Code” : If the border is to be plotted, this attribute sets the border color for the plane.
* zeroPlaneColor=”Hex Code” : The intended color for the zero plane.
* zeroPlaneAlpha=”Numerical Value 0-100″ : The intended transparency for the zero plane.
<set> 所具有的属性
* name=”string” : 设置在图表中体现出来的名字
Example: <set name=’Jan’ …>
* value=”NumericalValue” : 设置在图表中各个名字想对应的值
Example: <set name=’Jan’ value=’12345′ …>
* color=”HexCode” : 设置在图表中相对应的柱行图的颜色
Example: <set name=’Jan’ value=’12345′ color=’636363′ …>
* hoverText=”String value” : 设置鼠标旋停在相对应的柱行图 上出现的文本内容
Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>
* link=”URL” : 设置该柱行图的链接地址(需要URL Encode重编码)
Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>
* alpha=”Numerical Value 0-100″ : 设置在图表中相对应的柱行图的透明度
Example: <set … alpha=’100′ …>
* showName=”1″ : 设置在是否显示图表中相对应的柱行图的name
Example : <set … showName=”1″ …>
bgColor:默认值ffffff。背景色,颜色采用6位16进制的字符表示,分别表示三个三色分量。
bgAlpha:默认值100。背景Alpha,Alpha的取值范围是0—100。0是全透明,100是全不透明。
bgSWF:默认值是空字符。背景SWF文件。
canvasBgColor:默认值ffffff。画布背景色。
canvasBgAlpha:默认值100。画布背景Alpha。
canvasBorderColor:默认值000000。画布边框色,默认是黑色。
canvasBorderThickness:默认值2。画布边框宽度,0为表示不显示边框。
caption:默认值是空字符。图表的标题。
subCaption:默认值是空字符。图表的子标题
xAxisName:默认值是空字符。X轴文字
yAxisName:默认值是空字符。Y轴文字
yAxisMinValue:默认值是空字符。Y轴最小值。
yAxisMaxValue:默认值是空字符。Y轴最大值。
注:上面两个属性,如果用默认值的话,图表将采用数据,来计算Y轴的数值范围
shownames:默认值1。1表示显示点的名字,0表示不显示。
showValues:默认值1。1表示显示点的数值,0表示不显示。
showLimits:默认值1。1表示显示图表的数值的限制区间,0表示不显示。
rotateNames:默认值0。0表示点的名字显示时不旋转,1表示显示时旋转一个角度。
animation:默认值1。1表示显示动画,0表示不显示。
lineColor:默认值f8671d。折线颜色,该颜色是偏向橘黄的一种颜色。
lineThickness:默认值2。折线宽度。
lineAlpha:默认值100。折线Alpha。
showShadow:默认值1。1表示显示折线阴影,0表示不显示。如果该属性为0,则下列shadow打头的属性都无效。
shadowColor:默认值cccccc。阴影颜色,一种灰色。
shadowThickness:默认值2。阴影宽度。
shadowAlpha:默认值100。阴影Alpha 。
shadowXShift:默认值2。阴影水平位移,可以是负值。
shadowYShift:默认值2。阴影垂直位移,可以是负值。
showAnchors:默认值1。1表示显示锚点,0表示不显示。如果该属性为0,则下列anchor打头的属性都无效。
anchorSides:默认值是空字符。锚点的边数,默认值代表是圆形。可以取大于2的数值,3表示三角形,4表示正方形,依此类推。
anchorRadius:默认值2。锚点的半径。
anchorBorderColor:默认值f8671d。锚点的边框色。
anchorBorderThickness:默认值2。锚点的边框宽度。
anchorBgColor:默认值ffffff。锚点的背景色。
anchorBgAlpha:默认值100。锚点的背景Alpha。
anchorAlpha:默认值100。锚点的Alpha。
注:anchorAlpha属性设为0时,也是不显示锚点,不过如果showhovercap为1时,鼠标移到点上时,还能看到提示文字。而showAnchors属性设为0时,虽然也不显示锚点,无论showhovercap取何值,鼠标移到点上时,是看不到提示文字。
baseFont:默认值Verdana。画布内的字体。
baseFontSize:默认值7。画布内的字体大小。
baseFontColor:默认值000000。画布内的字体颜色。
outCnvBaseFont:默认值Verdana。画布外的字体
outCnvBaseFontSze:默认值7。画布外的字体大小
outCnvBaseFontColor:默认值000000。画布外的字体颜色
numberPrefix:默认值是空字符。数值的前缀字符,例如在表示金额的时候,可以用$符号。
numberSuffix:默认值是空字符。数值的后缀字符,如果要使用后缀%,必须用%25标识。
formatNumber:默认值1。1表示格式化显示数值,0表示正常显示数值。
formatNumberScale:默认值1。1表示格式化数值,并作标记K、M。例如1000格式化为1K。0表示正常显示。
decimalSeparator:默认值.。小数点的字符。
thousandSeparator:默认值,。千位数的字符,只有formatNumber为1时才有效
decimalPrecision:默认值2。数值的小数点的保留位数。
divLineDecimalPrecision:默认值2。横线数值的小数点的保留位数。
limitsDecimalPrecision:默认值2。限制数值区间的小数点的保留位数。
zeroPlaneThickness:默认值2。0轴的线的宽度。
zeroPlaneColor:默认值cccccc。0轴的线的颜色
zeroPlaneAlpha:默认值100。0轴的Alpha。
注:如果图表中没有0轴,则上面三个关于0轴的属性无效。
numdivlines:默认值4。默认时图表的水平线有4根,将图表划分为5个水平块状。0表示没有水平线。
divlinecolor:默认值cccccc。图表的水平线颜色。
divLineThickness:默认值1。图表的水平线宽度。
divLineAlpha:默认值100。图表的水平线的Alpha。
showDivLineValue:默认值1。1表示显示水平线对应的数值。0表示不显示。
showAlternateHGridColor:默认值0。1表示显示水平间隔,0表示不显示。
alternateHGridColor:默认值cccccc。水平间隔的颜色。
alternateHGridAlpha:默认值70。水平间隔Alpha,注意,这个是70,不是100。
注:以上三个属性使得图表显示垂直颜色交错的效果。如本文的第二个图例所示。
numVDivLines:默认值0。表示图表的垂直线的根数。0表示没有垂直线。
VDivlinecolor:默认值cccccc。图表的垂直线颜色。
VDivLineThickness:默认值1。图表的垂直线宽度。
VDivLineAlpha:默认值100。图表的垂直线的Alpha。
showAlternateVGridColor:默认值0。1表示显示垂直间隔,0表示不显示。
alternateVGridColor:默认值cccccc。垂直间隔的颜色。
alternateVGridAlpha:默认值70。垂直间隔Alpha,注意,这个是70,不是100。
注:以上三个属性使得图表显示水平颜色交错的效果。垂直间隔的颜色显示在水平间隔的上方。
showhovercap:默认值1。1表示鼠标移到点上时显示提示文字,0表示不显示。
注:该属性生效还必须showAnchors为1。提示文字由三部分组成:点的hoverText、间隔符、点的数值。
hoverCapBgColor:默认值f1f1f1。提示文字的背景颜色。
hoverCapBorderColor:默认值cccccc。提示文字的边框色。
hoverCapSepChar:默认值是,。间隔符的字符。
chartLeftMargin:默认值15。图表的左外边距。
chartRightMargin:默认值15。图表的右外边距。
chartTopMargin:默认值15。图表的上外边距。
chartBottomMargin:默认值15。图表的下外边距。
以上属性在XML中都作为根节点graph的属性。
<set>作为根节点的子节点,表示图表中的一个数据点。他也有自己的属性。例如:
<set name="Jan" value="54" color="3300FF"
hoverText="January" link="ShowDetails.asp%3FMonth=Jan" showName="1"/>
name:必有。该数据点的名字。
value:必有。该书据点的数值。
color:默认值是空字符串。表示这个数据点到下个数据点连线的颜色。默认用LineColor的值
hoverText:默认值是空字符串。该数据点的提示文字。
alpha:默认值100。数据点Alpha。
link:默认值是空字符串。该数据点的超链接
showName:默认值1。1表示显示该数据点的名字,0表示不显示。
注:shownames为0时,该属性为任何值都不会显示名字。shownames为1时,可以设置该属性为0,来限制某些数据点的显示名字。
<trendLines>作为根节点的子节点,表示图表中的一系列趋势线。
<line>作为<trendLines>的子节点,表示图表中的一条趋势线。(从实际来看,叫辅助线更适合)
他也有自己的属性。例如:
<line startValue='89.5' endValue='98' color='FF0000'
displayvalue='Roll. Avg.'
thickness='2' alpha='100' isTrendZone='0' showOnTop='1'/>
startValue:必有。该趋势线的起始数值。
endValue:必有。该趋势线的结束数值。
color:默认值000000。该趋势线的颜色
thickness:默认值1。该趋势线的宽度为1
isTrendZone:默认值0。0表示趋势线是一条直线,1表示趋势线是一个矩形
showOnTop:默认值0。0表示趋势线在折线的下方,1表示趋势线在折线的上方
alpha:趋势线的Alpha。这个属性和isTrendZone有关,isTrendZone为0时,该属性的默认值是100;isTrendZone为1时,该属性的默认值为40。