【轉】Fusion Charts 參數列表

文章出處:

http://thinkingjava.blog.51cto.com/706038/656764

FusionCharts 的XML標籤屬性
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″ …>

 


功能特性
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                        橫向座標軸標籤名稱

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章