FusionCharts 的 XML標(biāo)簽屬性有一下四種數(shù)據(jù)類型
* Boolean - 布爾類型,只能為1或者0。例如:<graph showNames=’1′ >
* Number - 數(shù)字類型,只能為數(shù)字。例如:<graph yAxisMaxValue=’200′ >
* String - 字符串類型,只能為字符串。例如: <graph caption=’My Chart’ >
* Hex Color Code - 十六進(jìn)制顏色代碼,前邊沒(méi)有’#’.例如: <graph bgColor=’FFFFDD’ >
XML中的標(biāo)簽和屬性有:
<graph> 所具有的屬性
flash背景參數(shù):
* bgColor=”HexColorCode” : 設(shè)置flash的背景顏色
* bgAlpha=”NumericalValue(0-100)” : 設(shè)置背景的透明度
* bgSWF=”Path of SWF File” : 設(shè)置一個(gè)外部的Flash 為flash的背景
圖表背景參數(shù):
* canvasBgColor=”HexColorCode” : 設(shè)置圖表背景的顏色
* canvasBaseColor=”HexColorCode” : 設(shè)置圖表基部的顏色
* canvasBaseDepth=”Numerical Value” : 設(shè)置圖表基部的高度
* canvasBgDepth=”Numerical Value” : 設(shè)置圖表背景的深度
* showCanvasBg=”1/0″ : 設(shè)置是否顯示圖表背景
* showCanvasBase=”1/0″ : 設(shè)置是否顯示圖表基部
圖表和軸的標(biāo)題
* caption=”String” : 圖表上方的標(biāo)題
* subCaption=”String” : 圖表上方的副標(biāo)題
* xAxisName= “String” : X軸的名字
* yAxisName= “String” : y軸的名字
圖表數(shù)量值的限制
* yAxisMinValue=”value”: y軸最小值
* yAxisMaxValue=”value”: y舟最大值
通用參數(shù)
* shownames=”1/0″ : 設(shè)置是否在x軸下顯示<set>里指定的name
* showValues=”1/0″ : 設(shè)置是否在柱型圖或餅型圖上顯示數(shù)據(jù)的值
* showLimits=”1/0″ : 設(shè)置是否在圖表的y軸坐標(biāo)上顯示最大最小的數(shù)據(jù)值
* rotateNames=”1/0″ : 設(shè)置x軸下的name 是水平顯示還是垂直顯示
* animation=”1/0″ : 設(shè)置柱型圖的顯示是否是動(dòng)畫顯示
字體屬性
* baseFont=”FontName” : 設(shè)置字體樣式
* baseFontSize=”FontSize” : 設(shè)置字體大小
* baseFontColor=”HexColorCode” : 設(shè)置字體顏色
* outCnvBaseFont = “FontName” : 設(shè)置圖表外側(cè)的字體樣式
* outCnvBaseFontSze=”FontSize” : 設(shè)置圖表外側(cè)的字體大小
* outCnvBaseFontColor=”HexColorCode”: 設(shè)置圖表外側(cè)的字體顏色
數(shù)字格式選項(xiàng)
* numberPrefix=”$” : 設(shè)置數(shù)據(jù)值的前綴
* numberSuffix=”p.a” : 設(shè)置數(shù)據(jù)值的后綴(如果是特殊字符,需要使用URL Encode重編碼)
* formatNumber=”1/0″ : 設(shè)置是否格式化數(shù)據(jù)
* formatNumberScale=”1/0″ : 設(shè)置是否用“K”來(lái)代表千,“M”來(lái)代表百萬(wàn)
* decimalSeparator=”.” : 用指定的字符來(lái)代替小數(shù)點(diǎn)
* thousandSeparator=”,” : 用指定的字符來(lái)代替千位分隔符
* decimalPrecision=”2″ : 設(shè)置十進(jìn)制的精度
* divLineDecimalPrecision=”2″: 設(shè)置y軸數(shù)值的小數(shù)位數(shù)
* limitsDecimalPrecision=”2″ : 設(shè)置y軸的最大最小值的小數(shù)位數(shù)
水平分隔線
* numdivlines=”NumericalValue” : 設(shè)置水平分隔線的數(shù)量
* divlinecolor=”HexColorCode” : 設(shè)置水平分隔線的顏色
* divLineThickness=”NumericalValue” : 設(shè)置水平分隔線的寬度
* divLineAlpha=”NumericalValue0-100″ : 設(shè)置水平分隔線的透明度
* showDivLineValue=”1/0″ : 設(shè)置是否顯示水平分隔線的數(shù)值
鼠標(biāo)旋停參數(shù)
* showhovercap=”1/0″ : 顯示是否激活鼠標(biāo)旋停效果
* hoverCapBgColor=”HexColorCode” : 設(shè)置鼠標(biāo)旋停效果的背景顏色
* hoverCapBorderColor=”HexColorCode” : 設(shè)置鼠標(biāo)旋停效果的邊框顏色
* hoverCapSepChar=”Char” : 設(shè)置鼠標(biāo)旋停后顯示的文本中的分隔符號(hào)
圖表邊距的設(shè)置
* chartLeftMargin=”Numerical Value (in pixels)” : 設(shè)置圖表左邊距
* chartRightMargin=”Numerical Value (in pixels)” : 設(shè)置圖表右邊距
* chartTopMargin=”Numerical Value (in pixels)” : 設(shè)置圖表上邊距
* chartBottomMargin=”Numerical Value (in pixels)” : 設(shè)置圖表下邊距
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” : 設(shè)置在圖表中體現(xiàn)出來(lái)的名字
Example: <set name=’Jan’ …>
* value=”NumericalValue” : 設(shè)置在圖表中各個(gè)名字想對(duì)應(yīng)的值
Example: <set name=’Jan’ value=’12345′ …>
* color=”HexCode” : 設(shè)置在圖表中相對(duì)應(yīng)的柱行圖的顏色
Example: <set name=’Jan’ value=’12345′ color=’636363′ …>
* hoverText=”String value” : 設(shè)置鼠標(biāo)旋停在相對(duì)應(yīng)的柱行圖 上出現(xiàn)的文本內(nèi)容
Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>
* link=”URL” : 設(shè)置該柱行圖的鏈接地址(需要URL Encode重編碼)
Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>
* alpha=”Numerical Value 0-100″ : 設(shè)置在圖表中相對(duì)應(yīng)的柱行圖的透明度
Example: <set … alpha=’100′ …>
* showName=”1″ : 設(shè)置在是否顯示圖表中相對(duì)應(yīng)的柱行圖的name
Example : <set … showName=”1″ …>