fusion chart 報表製作

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″ : 設置柱型圖的顯示是否是動畫顯示

* showToolTip=”1/0″ : 設置柱型圖的顯示是否有tooltip效果
字體屬性
* 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’…>
* toolText=”String value” : 設置toolTip效果,如果有這個屬性則hoverText不起作用
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″ …>

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