關(guān)于FusionCharts的基本介紹，我就不在此處詳細(xì)介紹了，想了解的朋友請(qǐng)移步至>>>FusionCharts中文介紹。接下來(lái)，我們步入今天關(guān)于FusionCharts的主題-FusionCharts屬性介紹。

JavaScript圖表FusionCharts中很多不同的圖、不同類型的圖其實(shí)有很多共通的屬性，當(dāng)然也有一些各自特殊的屬性。首先，我們一起來(lái)看一下FusionCharts的通用屬性吧。

上圖為FusionCharts的FusionCharts中Column2D.swf的屬性。我將拿此圖的屬性作為例子講解，因?yàn)榇藞D的屬性幾乎全部為通用屬性。(具體是99%通用還是100%通用這個(gè)我還真沒有統(tǒng)計(jì)過，至少是95%通用吧)。屬性的分類就以官方的API文檔為準(zhǔn)吧：

1、Chart:

<1>Functional Attributes(功能屬性)

<2>Titles and Axis Names(標(biāo)題和坐標(biāo)抽名字)

<3> Charts Cosmetics(圖表美容屬性)

<4>Divisional Lines/Grids(分區(qū)線/網(wǎng)格 屬性)

<5>Tool-tip(工具提示屬性)

<6>Paddings and Margins(填充和邊距屬性)

2、Data:

<1><set> element(set元素屬性)

<2>Plot Cosmetics(節(jié)點(diǎn)美容屬性)

3、Others:

<1>Number Formatting(數(shù)字格式化屬性)

<2>Font Properties(字體屬性)

<3>Vertical Lines(垂直線屬性)

<4>Trend Lines(趨勢(shì)線屬性)。

注:細(xì)心的讀者會(huì)發(fā)現(xiàn)，我上面列的屬性分類和圖片上的有點(diǎn)不一致，我來(lái)解釋一下：Chart的Chart Image和Data的Sample XML Data是鏈接到圖片和數(shù)據(jù)，不是屬性。Chart的Chart Objects是高級(jí)"對(duì)象組合屬性"，平時(shí)也很少使用，這里就暫不做介紹了吧，有機(jī)會(huì)的話，以后單獨(dú)寫篇文章再給大家講解。

屬性的分類先介紹到這里，下面我來(lái)詳細(xì)解釋每個(gè)屬性的用途，但在這之前，我得提一下屬性的數(shù)據(jù)類型。FusionCharts 的 XML標(biāo)簽屬性有一下四種數(shù)據(jù)類型:

<1>Boolean - 布爾類型，只能為1或者0。例如：<chart showNames='1′ >

<2>Number - 數(shù)字類型，只能為數(shù)字。例如：<chart yAxisMaxValue='200′ >

<3>String - 字符串類型，只能為字符串。例如： <chart caption='My Chart' >

<4>Hex Color Code - 十六進(jìn)制顏色代碼，前邊沒有'#'.例如： <chart bgColor='FFFFDD' >

好了，了解了這么多了。下面的就簡(jiǎn)單了，讓我來(lái)一一介紹具體的每個(gè)屬性吧。

Functional Attributes(功能屬性)

animation='0/1' (設(shè)置圖形的顯示是否是動(dòng)畫顯示)

palette='1-5' (5種默認(rèn)的調(diào)色板風(fēng)格任你選)

paletteColors='String' (手動(dòng)設(shè)置調(diào)色板的顏色paletteColors='FF0000,0372AB,FF5904...')

showAboutMenuItem='0/1'(在圖形上點(diǎn)擊右鍵時(shí)是否顯示about鏈接)

aboutMenuItemLabel='String'(about鏈接的具體名字)

aboutMenuItemLink='String'(about鏈接的具體鏈接地址)

showLabels='0/1'(是否顯示x軸的坐標(biāo)值)

labelDisplay='WRAP/STAGGER/ROTATE/NONE'(x軸坐標(biāo)值的具體展現(xiàn)形式)

rotateLabels='0/1'(是否旋轉(zhuǎn)x軸的坐標(biāo)值)

slantLabels='0/1'(將x軸坐標(biāo)值旋轉(zhuǎn)為傾斜的還是完全垂直的)

labelStep='1 or above'(x軸坐標(biāo)值的步長(zhǎng)，即可以設(shè)置隔幾個(gè)柱子顯示一個(gè)值)

staggerLines='2 or above'(如果labelDisplay設(shè)置為STAGGER,則此屬性是控制一個(gè)展示周期)

showValues='0/1'(是否在圖形上顯示每根柱子具體的值)

rotateValues='0/1'(是否旋轉(zhuǎn)圖形上顯示的柱子的值)

placeValuesInside='0/1'(圖形上柱子的值是否顯示在柱子里面)

showYAxisValues='0/1'(是否顯示Y軸的值)

showLimits='0/1'(是否顯示極值)

showDivLineValues='0/1'(是否在divline處顯示值)

yAxisValuesStep='1 or above'(Y軸值的步長(zhǎng))

showShadow='0/1'(是否顯示陰影)

adjustDiv='0/1'(是否自動(dòng)調(diào)整divlines)

rotateYAxisName='0/1'(是否旋轉(zhuǎn)Y軸的名字)

yAxisNameWidth='Number'(Y軸名字的寬度)

clickURL='String'(點(diǎn)擊的鏈接地址)

defaultAnimation='0/1'(是否使用默認(rèn)動(dòng)畫)

yAxisMinValue='Number'(Y軸的最小值)

yAxisMaxValue='Number'(Y軸的最大值)

setAdaptiveYMin='0/1'(自動(dòng)設(shè)置Y軸的最小值)

Titles and Axis Names(標(biāo)題和坐標(biāo)抽名字)

caption='String'(主標(biāo)題名字)

subCaption='String'(副標(biāo)題名字)

xAxisName='String'(X軸名字)

yAxisName='String'(Y軸名字)

Charts Cosmetics(圖表美容屬性)

bgColor='Color' (圖表的背景色)

bgAlpha='0-100'(背景色的透明度)

bgRatio='1-100'(如果背景色有兩個(gè)，該屬性設(shè)置差異的比例)

bgAngle='0-360'(轉(zhuǎn)變背景顏色的角度，設(shè)置一個(gè)傾斜度)

bgSWF='String'(用做背景的swf路徑)

bgSWFAlpha='0-100'(背景swf的透明度)

canvasBgColor='Color'(畫板背景顏色)

canvasBgAlpha='0-100'(畫板背景透明度)

canvasBgRatio='Number'(不同畫板背景色的比率)

canvasBgAngle='Number'(畫布背景色顯示角度)

canvasBorderColor='Color'(畫板邊框的顏色)

canvasBorderThickness='Number'(畫板邊框的寬度)

canvasBorderAlpha='0-100'(畫板邊框的透明度)

showBorder='0/1'(是否顯示圖表邊框)

borderColor='Color'(邊框顏色)

borderThickness='Number'(圖表邊框的粗細(xì))

borderAlpha='0-100'(邊框透明度)

showVLineLabelBorder='0/1'(是否顯示垂直線label的寬度)

logoURL='String'(在圖表上加上logo,logo圖片的地址)

logoPosition='TL/TR/BL/BR/CC'(logo的位置)

logoAlpha='0-100'(logo的透明度)

logoScale='1-300'(控制logo放大縮小的倍數(shù))

logoLink='String'(logo的鏈接地址)

Divisional Lines/Grids(分區(qū)線/網(wǎng)格 屬性)

numDivLines='>0'(水平網(wǎng)格線的數(shù)量)

divLineColor='Color'(網(wǎng)格線顏色)

divLineThickness='1-5'(網(wǎng)格線粗細(xì))

divLineAlpha='0-100'(網(wǎng)格線透明度)

divLineIsDashed='0/1'(網(wǎng)格線是否顯示為虛線)

divLineDashLen='Number'(每個(gè)虛線的長(zhǎng)度)

divLineDashGap='Number'(每個(gè)虛線間的間隔長(zhǎng)度)

zeroPlaneColor='Color'(0值處網(wǎng)格線顏色)

zeroPlaneThickness='Number'(0值處網(wǎng)格線粗細(xì))

zeroPlaneAlpha='0-100'(0值處網(wǎng)格線透明度)

showAlternateHGridColor='0/1'(是否交替顯示網(wǎng)格顏色)

alternateHGridColor='Color'(水平網(wǎng)格顏色)

alternateHGridAlpha='Number'(水平網(wǎng)格透明度)

Tool-tip(工具提示屬性)

showToolTip='0/1'(是否顯示氣泡提示)

toolTipBgColor='Color'(氣泡提示的背景顏色)

toolTipBorderColor='Color'(汽包提示的邊框顏色)

toolTipSepChar='String'(氣泡提示的分隔符)

showToolTipShadow='0/1'(是否使氣泡提示帶有陰影效果)

Paddings and Margins(填充和邊距屬性)

captionPadding='Number'(標(biāo)題內(nèi)邊距)

xAxisNamePadding='Number'(畫板與x軸標(biāo)題之間的距離)

yAxisNamePadding='Number'(畫板與y軸標(biāo)題之間的距離)

yAxisValuesPadding='Number'(畫板與y軸值之間的距離)

labelPadding='Number'(畫板離label之間的距離)

valuePadding='Number'(柱子離值之間的距離)

plotSpacePercent='0-80'(兩個(gè)bar之間的距離)

chartLeftMargin='Number'(距左邊框的距離)

chartRightMargin='Number'(距右邊框的距離)

chartTopMargin='Number'(距上邊框的距離)

chartBottomMargin='Number'(距下邊框的距離)

canvasLeftMargin='Number'(畫板離左邊的距離)

canvasRightMargin='Number'(畫板離右邊的距離)

canvasTopMargin='Number'(畫板離上邊的距離)

canvasBottomMargin='Number'(畫板離下邊的距離)

<set> element(set元素屬性)

label='String'(具體的標(biāo)簽)

value='Number'(具體的值)

displayValue='String'(顯示的值)

color='Color'(該柱子的顏色)

link='String'(鏈接地址)

toolText='String'(氣泡提示時(shí)顯示的值)

showLabel='0/1'(是否顯示標(biāo)簽)

showValue='0/1'(是否顯示此柱子的值)

dashed='0/1'(柱子的邊框是否顯示為虛線)

alpha='Number'(柱子的透明度)

Plot Cosmetics(節(jié)點(diǎn)美容屬性)

useRoundEdges='0/1'(是否顯示光滑邊緣)

showPlotBorder='0/1'(是否顯示柱子的邊框)

plotBorderColor='Color'(柱子邊框的顏色)

plotBorderThickness='0-5'(柱子邊框的厚度)

plotBorderAlpha='0-100'(柱子邊框的透明度)

plotBorderDashed='0/1'(柱子邊框是否顯示為虛線)

plotBorderDashLen='Number'(虛線的長(zhǎng)度)

plotBorderDashGap='Number'(虛線的間隔)

plotFillAngle='0-360'(數(shù)據(jù)填充色角度)

plotFillRatio='0-100'(數(shù)據(jù)填充色比率)

plotFillAlpha='0-100'(數(shù)據(jù)填充色透明度)

plotGradientColor='Color'(數(shù)據(jù)的有坡度顏色方案)

Number Formatting(數(shù)字格式化屬性)

formatNumber='0-1'(是否格式化數(shù)值)

formatNumberScale='0-1'(是否對(duì)大數(shù)值以k,M方式表示)

defaultNumberScale='String'(默認(rèn)的數(shù)字格式化)

numberScaleUnit='String'(設(shè)置進(jìn)位規(guī)則對(duì)應(yīng)的單位eg:k,m,b)

numberScaleValue='String'(設(shè)置進(jìn)位的規(guī)則eg:1000,1000,1000)

numberPrefix='String'(數(shù)值前綴)

numberSuffix='String'(數(shù)值后綴)

decimalSeparator='String'(設(shè)置小數(shù)點(diǎn)的分隔符的表示形式,|.)

thousandSeparator='String'(設(shè)置3位數(shù)值之間的分隔符的表示形式,|.)

inDecimalSeparator='String'(設(shè)置小數(shù)分隔符)

inThousandSeparator='String'(設(shè)置千位分隔符)

decimals='0-10'(小數(shù)點(diǎn)后保留幾位)

forceDecimals='0/1'(小數(shù)點(diǎn)后位數(shù)不夠的，是否強(qiáng)制補(bǔ)0)

yAxisValueDecimals='0-10'(y軸值保留幾位小數(shù))

Font Properties(字體屬性)

baseFont='String'(字體)

baseFontSize='0-72'(字體大小)

baseFontColor='Color'(字體顏色)

outCnvBaseFont='String'(畫板外的字體)

outCnvBaseFontSize='0-72'(畫板外的字體大小)

outCnvBaseFontColor='Color'(畫板外的字體顏色)

Vertical Lines(垂直線屬性)

color='Color'(顏色)

thickness='Number'(厚度)

alpha='0-100'(透明度)

dashed='0/1'(是否使用虛線)

dashLen='Number'(虛線的長(zhǎng)度)

dashGap='Number'(虛線間隔的長(zhǎng)度)

label='String'(此垂直線的名字)

showLabelBorder='0/1'(是否顯示label的邊框)

linePosition='0/1'(line的位置)

labelPosition='0/1'(label的位置)

labelHAlign='left/center/right'(水平線label的位置)

labelVAlign='top/middle/bottom'(垂直線label的位置)

Trend Lines(趨勢(shì)線屬性)

startValue='Number'(開始值)

endValue='Number'(結(jié)束值)

displayValue='String'(顯示的值)

color='Color'(顏色)

isTrendZone='0/1'(是否顯示趨勢(shì)線)

showOnTop='0/1'(趨勢(shì)線是否顯示在上面)

thickness='Number'(趨勢(shì)線的寬度)

alpha='0-100'(趨勢(shì)線的透明度)

dashed='0/1'(趨勢(shì)線是否為虛線)

dashLen='Number'(趨勢(shì)線虛線的長(zhǎng)度)

dashGap='Number'(虛線之間的間隔長(zhǎng)度)

valueOnRight='0/1'(趨勢(shì)線的標(biāo)記是否在右邊)

toolText='String'(趨勢(shì)線標(biāo)記的名字)