Fusioncharts圖表經常使用參數設置

1.1 <chart>參數設置：

圖表和軸的標題
* caption=」String」 : 圖表上方的標題
* subCaption=」String」 : 圖表上方的副標題
* xAxisName= 「String」 : X軸的名字
* yAxisName= 「String」 : y軸的名字
1.1.2 通用參數
* shownames=」1/0″ : 設置是否在x軸下顯示<set>裏指定的name
* showValues=」1/0″ : 設置是否在柱型圖或餅型圖上顯示數據的值
* showLimits=」1/0″ : 設置是否在圖表的y軸座標上顯示最大最小的數據值
* rotateNames=」1/0″ : 設置x軸下的name 是水平顯示仍是垂直顯示
* animation=」1/0″ : 設置柱型圖的顯示是不是動畫顯示
1.1.3 字體屬性
* baseFont=」FontName」 : 設置字體樣式
* baseFontSize=」FontSize」 : 設置字體大小
* baseFontColor=」HexColorCode」 : 設置字體顏色
* outCnvBaseFont = 「FontName」 : 設置圖表外側的字體樣式
* outCnvBaseFontSze=」FontSize」 : 設置圖表外側的字體大小
* outCnvBaseFontColor=」HexColorCode」: 設置圖表外側的字體顏色
1.1.4 數字格式選項
* numberPrefix=」$」 : 設置數據值的前綴
* numberSuffix=」p.a」 : 設置數據值的後綴（若是是特殊字符，須要使用URL Encode重編碼）
* formatNumber=」1/0″ : 設置是否格式化數據
* formatNumberScale=」1/0″ : 設置是否用「K」來表明千，「M」來表明百萬
* decimalSeparator=」.」 : 用指定的字符來代替小數點
* thousandSeparator=」,」 : 用指定的字符來代替千位分隔符
* decimalPrecision=」2″ : 設置十進制的精度
* divLineDecimalPrecision=」2″: 設置y軸數值的小數位數
* limitsDecimalPrecision=」2″ : 設置y軸的最大最小值的小數位數
1.1.5 圖表邊距的設置
* chartLeftMargin=」Numerical Value (in pixels)」 : 設置圖表左邊距
* chartRightMargin=」Numerical Value (in pixels)」 : 設置圖表右邊距
* chartTopMargin=」Numerical Value (in pixels)」 : 設置圖表上邊距
* chartBottomMargin=」Numerical Value (in pixels)」 : 設置圖表下邊距

1.2 <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″ …>

 

功能特性
animation 是否動畫顯示數據，默認爲1(True)
showNames 是否顯示橫向座標軸(x軸)標籤名稱
rotateNames 是否旋轉顯示標籤，默認爲0(False):橫向顯示
showValues 是否在圖表顯示對應的數據值，默認爲1(True)
yAxisMinValue 指定縱軸(y軸)最小值，數字
yAxisMaxValue 指定縱軸(y軸)最小值，數字
showLimits 是否顯示圖表限值(y軸最大、最小值)，默認爲1(True)

圖表標題和軸名稱
caption 圖表主標題
subCaption 圖表副標題
xAxisName 橫向座標軸(x軸)名稱
yAxisName 縱向座標軸(y軸)名稱

圖表和畫布的樣式
bgColor 圖表背景色，6位16進制顏色值
canvasBgColor 畫布背景色，6位16進制顏色值
canvasBgAlpha 畫布透明度，[0-100]
canvasBorderColor 畫布邊框顏色，6位16進制顏色值
canvasBorderThickness 畫布邊框厚度，[0-100]
shadowAlpha 投影透明度，[0-100]
showLegend 是否顯示系列名，默認爲1(True)

字體屬性
baseFont 圖表字體樣式
baseFontSize 圖表字體大小
baseFontColor 圖表字體顏色，6位16進制顏色值
outCnvBaseFont 圖表畫布之外的字體樣式
outCnvBaseFontSize 圖表畫布之外的字體大小
outCnvBaseFontColor 圖表畫布之外的字體顏色，6位16進制顏色值

分區線和網格
numDivLines 畫布內部水平分區線條數，數字
divLineColor 水平分區線顏色，6位16進制顏色值
divLineThickness 水平分區線厚度，[1-5]
divLineAlpha 水平分區線透明度，[0-100]
showAlternateHGridColor 是否在橫向網格帶交替的顏色，默認爲0(False)
alternateHGridColor 橫向網格帶交替的顏色，6位16進制顏色值
alternateHGridAlpha 橫向網格帶的透明度，[0-100]
showDivLineValues 是否顯示Div行的值，默認？？
numVDivLines 畫布內部垂直分區線條數，數字
vDivLineColor 垂直分區線顏色，6位16進制顏色值
vDivLineThickness 垂直分區線厚度，[1-5]
vDivLineAlpha 垂直分區線透明度，[0-100]
showAlternateVGridColor 是否在縱向網格帶交替的顏色，默認爲0(False)
alternateVGridColor 縱向網格帶交替的顏色，6位16進制顏色值
alternateVGridAlpha 縱向網格帶的透明度，[0-100]

數字格式
numberPrefix 增長數字前綴
numberSuffix 增長數字後綴 % 爲 '%25'
formatNumberScale 是否格式化數字,默認爲1(True),自動的給你的數字加上K（千）或M（百萬）；若取0,則不加K或M
decimalPrecision 指定小數位的位數，[0-10] 例如：='0' 取整
divLineDecimalPrecision 指定水平分區線的值小數位的位數，[0-10]
limitsDecimalPrecision 指定y軸最大、最小值的小數位的位數，[0-10]
formatNumber 逗號來分隔數字(千位，百萬位),默認爲1(True)；若取0,則不加分隔符
decimalSeparator 指定小數分隔符,默認爲'.'
thousandSeparator 指定千分位分隔符,默認爲','

Tool-tip/Hover標題
showhovercap 是否顯示懸停說明框，默認爲1(True)
hoverCapBgColor 懸停說明框背景色，6位16進制顏色值
hoverCapBorderColor 懸停說明框邊框顏色，6位16進制顏色值
hoverCapSepChar 指定懸停說明框內值與值之間分隔符,默認爲','

折線圖的參數
lineThickness 折線的厚度
anchorRadius 折線節點半徑，數字
anchorBgAlpha 折線節點透明度，[0-100]
anchorBgColor 折線節點填充顏色，6位16進制顏色值
anchorBorderColor 折線節點邊框顏色，6位16進制顏色值

Set標籤使用的參數
value 數據值
color 顏色
link 連接（本窗口打開[Url]，新窗口打開[n-Url]，調用JS函數[JavaScript:函數]）
name 橫向座標軸標籤名稱

1.2.1

<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″ : 設置水平分隔線的透明度
* showDivLinue=」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″ …>

<!--EndFragment-->