FusionCharts 参数设置

 

1、FusionCharts 的 XML标签属性有一下四种数据类型

* Boolean - 布尔类型，只能为1或者0。例如：<graph showNames=’1′ >

* Number - 数字类型，只能为数字。例如：<graph yAxisMaxValue=’200′ >

* String - 字符串类型，只能为字符串。例如： <graph caption=’My Chart’ >

* Hex Color Code - 十六进制颜色代码，前边没有’#’.例如： <graph bgColor=’FFFFDD’ >

2、XML中的标签和属性有：

<graph> 所具有的属性

flash背景参数：

* bgColor=”HexColorCode” : 设置flash的背景颜色

* bgAlpha=”NumericalValue(0-100)” : 设置背景的透明度

* bgSWF=”Path of SWF File” : 设置一个外部的Flash 为flash的背景

3、图表背景参数：

* canvasBgColor=”HexColorCode” : 设置图表背景的颜色

* canvasBaseColor=”HexColorCode” : 设置图表基部的颜色

* canvasBaseDepth=”Numerical Value” : 设置图表基部的高度

* canvasBgDepth=”Numerical Value” : 设置图表背景的深度

* showCanvasBg=”1/0″ : 设置是否显示图表背景

* showCanvasBase=”1/0″ : 设置是否显示图表基部

4、图表和轴的标题

* caption=”String” : 图表上方的标题

* subCaption=”String” : 图表上方的副标题

* xAxisName= “String” : X轴的名字

* yAxisName= “String” : y轴的名字

5、图表数量值的限制

* yAxisMinValue=”value”: y轴最小值

* yAxisMaxValue=”value”: y舟最大值

6、通用参数

* shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name

* showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值

* showLimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值

* rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示

* animation=”1/0″ : 设置柱型图的显示是否是动画显示

7、字体属性

* baseFont=”FontName” : 设置字体样式

* baseFontSize=”FontSize” : 设置字体大小

* baseFontColor=”HexColorCode” : 设置字体颜色

* outCnvBaseFont = “FontName” : 设置图表外侧的字体样式

* outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小

* outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色

8、数字格式选项

* numberPrefix=”$” : 设置数据值的前缀

* numberSuffix=”p.a” : 设置数据值的后缀（如果是特殊字符，需要使用URL Encode重编码）

* formatNumber=”1/0″ : 设置是否格式化数据

* formatNumberScale=”1/0″ : 设置是否用“K”来代表千，“M”来代表百万

* decimalSeparator=”.” : 用指定的字符来代替小数点

* thousandSeparator=”,” : 用指定的字符来代替千位分隔符

* decimalPrecision=”2″ : 设置十进制的精度

* divLineDecimalPrecision=”2″: 设置y轴数值的小数位数

* limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数

9、水平分隔线

* numdivlines=”NumericalValue” : 设置水平分隔线的数量

* divlinecolor=”HexColorCode” : 设置水平分隔线的颜色

* divLineThickness=”NumericalValue” : 设置水平分隔线的宽度

* divLineAlpha=”NumericalValue0-100″ : 设置水平分隔线的透明度

* showDivLineValue=”1/0″ : 设置是否显示水平分隔线的数值

10、鼠标旋停参数

* showhovercap=”1/0″ : 显示是否激活鼠标旋停效果

* hoverCapBgColor=”HexColorCode” : 设置鼠标旋停效果的背景颜色

* hoverCapBorderColor=”HexColorCode” : 设置鼠标旋停效果的边框颜色

* hoverCapSepChar=”Char” : 设置鼠标旋停后显示的文本中的分隔符号

11、图表边距的设置

* chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距

* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距

* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距

* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距

13、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.

14、<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″ …>