fusioncharts屬性設定

阿新 • • 發佈：2019-01-17

* Boolean - 布林型別，只能為1或者0。例如：<graph showNames=’1’>
* Number - 數字型別，只能為數字。例如：<graph yAxisMaxValue=’200’>
* String - 字串型別，只能為字串。例如：<graph caption=’My Chart’ >
* HexColorCode - 六進位制顏色程式碼，前邊沒有‘#’。例如：<graph bgColor=’FFFFDD’>
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
1. 功能特性
animation …………………………[bool]是否動畫顯示資料，預設為1(True)
palette …………………………… [number]使用預設的調色盤(1-5)
showNames ………………………[bool]是否顯示橫向座標軸(x軸)標籤名稱
showLables ………………………[bool]是否顯示標籤，預設為1(True)顯示(set中有lable屬性時)
rotateNames ………………………[bool]是否旋轉顯示標籤(name)，預設為0(False):橫向顯示
rotateLabels ………………………[bool]設定x軸上的lable顯示方式，預設為0橫向顯示
showValues ………………………[bool]是否在圖表顯示對應的資料值，預設為1(True)
yAxisMinValue ………………… [number]指定縱軸(y軸)最小值，數字
yAxisMaxValue ………………… [number] 指定縱軸(y軸)最小值，數字
showLimits ………………………[bool]是否顯示圖表限值(y軸最大、最小值)，預設為1(True)
labelDisplay ………………………[string ]標籤的呈現方式[“WRAP”,”STAGGER”,”ROTATE”,
“NONE”]（超長遮蔽、折行、傾斜、不顯示）
staggerLines …………………… [number]多少個字元後折行（labelDisplay=’stagger’）
rotateValues ………………………[bool]是否滾動顯示值（showValues=’1’）
showYAxisValues …………………[bool]是否顯示y軸資料
yAxisValuesStep ………………… [number]y軸標記的顯示間隔
adjustDiv …………………………[bool]自動調整divlines
clickURL …………………………[string]圖表的焦點連結地址
defaultAnimation …………………[bool]是否開啟預設動畫
connectNullData …………………[bool]是否呈現空值（?）
slantLabels ……………………… [bool]
showDivLineValues ………………[bool]
rotateYAxisName …………………[bool]
yAxisNameWidth ……………… [number] (In Pixels)
labelStep ……………………… [number] (1 or above)
setAdaptiveYMin
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
2. 圖表標題和軸名稱
caption ………………………… [string]圖表主標題
subCaption ………………………[string] 圖表副標題
xAxisName …………………… [string]橫向座標軸(x軸)名稱
yAxisName ……………………[string] 縱向座標軸(y軸)名稱
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
3. 圖表和畫布的樣式
bgColor ……………………[color]圖表背景色，可以使用逗號分割多個顏色值 6位16進位制顏色值
bgRatio ………………………[number]多個顏色值所佔的比率，[0-100]
bgAngle ………………………[number]角度，[0-360]
bgSWF ……………………… [string] 設定一個外部的Flash 為flash的背景(須在同一個域下)
bgSWFAlpha …………………[number] 背景flash透明度，[0-100]
bgAlpha……………………… [number]設定圖表背景透明度，[0-100]
shadowAlpha …………………[number]投影透明度，[0-100]
showLegend ………………… [bool]是否顯示系列名，預設為1(True)
canvasBgColor …………………[color]畫布背景色，6位16進位制顏色值
canvasBgAlpha …………………[number]畫布透明度，[0-100] 0為不透明
canvasBorderColor …………… [color]畫布邊框顏色，6位16進位制顏色值
canvasBorderThickness …………[number]畫布邊框厚度，[0-100]
canvasBaseColor ……………… [color]設定圖表基部的顏色，6位16進位制顏色值
canvasBaseDepth ……………… [number]設定圖表基部的高度
canvasBgDepth …………………[number]設定圖表背景的深度
showCanvasBg …………………[bool]設定是否顯示圖表背景
showBorder …………………… [bool]畫布透明度，預設為1顯示
showCanvasBase ………………[bool]設定是否顯示圖表基部
pieFillAlpha ……………………[number]各色塊填充顏色的深度
pieSliceDepth …………………[bool]設定各個色塊間隔線的寬度(不能與pieBorderAlpha同用)
useRoundEdges ……………… [bool]設定圖表圖形邊角是否是為圓角，預設為0不是
chartLeftMargin ……………… [number]設定圖表左邊距，畫素
chartRightMargin ………………[number]設定圖表右邊距，畫素
chartTopMargin ……………… [number]設定圖表上邊距，畫素
chartBottomMargin ……………[number]設定圖表下邊距，畫素
canvasBgRatio …………………[ ?]
canvasBgAngle …………………[number]
borderColor ……………………[color]
borderThickness ……………… [number]
borderAlpha ……………………[number]
canvasBorderAlpha ……………[number]
captionPadding …………………[?]
xAxisNamePadding ……………[?]
yAxisNamePadding ……………[?]
yAxisValuesPadding ……………[?]
labelPadding ……………………[?]
valuePadding ……………………[?]

canvasPadding
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
4. 字型屬性
baseFont ………………………[string]圖表字型樣式，如“宋體”、“黑體”
baseFontSize ………………… [number]圖表字型大小
baseFontColor …………………[color]圖表字型顏色，6位16進位制顏色值
outCnvBaseFont ………………[string]圖表畫布以外的字型樣式
outCnvBaseFontSize ………… [number]圖表畫布以外的字型大小
outCnvBaseFontColor ……… [color]圖表畫布以外的字型顏色，6位16進位制顏色值
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
5. 分割槽線和網格
numDivLines ……………………[string]畫布內部水平分割槽線條數，數字
divLineColor ……………………[string]水平分割槽線顏色，6位16進位制顏色值
divLineThickness ……………… [string]水平分割槽線厚度，[1-5]
divLineAlpha ……………………[string]水平分割槽線透明度，[0-100]
showAlternateHGridColor ………[string]是否在橫向網格帶交替的顏色，預設為0(False)
alternateHGridColor ……………[string]橫向網格帶交替的顏色，6位16進位制顏色值
alternateHGridAlpha ……………[string]橫向網格帶的透明度，[0-100]
showDivLineValues …………… [string]是否顯示Div行的值，預設？？
numVDivLines ………………… [string]畫布內部垂直分割槽線條數，數字
vDivLineColor ………………… [string]垂直分割槽線顏色，6位16進位制顏色值
vDivLineThickness ………………[string]垂直分割槽線厚度，[1-5]
vDivLineAlpha ……………………[string]垂直分割槽線透明度，[0-100]
showAlternateVGridColor ………[string]是否在縱向網格帶交替的顏色，預設為0(False)
alternateVGridColor …………… [string]縱向網格帶交替的顏色，6位16進位制顏色值
alternateVGridAlpha …………… [string]縱向網格帶的透明度，[0-100]
plotGradientColor ………………[color]漸變顏色，6位16進位制顏色值
plotBorderDashed ………………[string]bool 是否使用虛線（柱形圖邊界線）
divLineIsDashed ……………… [bool]畫布背景線條是否為虛線
alternateHGridColor ……………[color] 畫布背景橫向線條之間交替出現的顏色
showPlotBorder …………………[bool]
plotBorderColor …………………[color]
plotBorderThickness ……………[number][0-5]
plotBorderAlpha …………………[number]
plotBorderDashLen ……………[number] pixels
plotBorderDashGap ……………[number] pixels
plotFillAngle ………………… [number] [0-360]
plotFillRatio ……………………[number] [0-100]
plotFillAlpha ……………………[number]
showShadow ……………………[bool]是否顯示陰影
plotFillColor ……………………[color]
Anchors …………………………[?]
drawAnchors ……………………[bool]
anchorSides ……………………[number]邊數[3-20]
anchorRadius ………………… [number] pixels 半徑
anchorBorderColor …………… [color]
anchorBorderThickness …………[number]
anchorBgColor ……………… [string]
anchorAlpha ……………………[number]
anchorBgAlpha …………………[number]
divLineDashLen ……………… [?]
divLineDashGap ……………… [?]
zeroPlaneColor …………………[color]
zeroPlaneThickness ……………[number]
zeroPlaneAlpha …………………[number]
showAlternateHGridColor ………[color]
alternateHGridAlpha ……………[number]
vDivLineIsDashed ………………[?]
vDivLineDashLen ………………[?]
vDivLineDashGap ………………[?]
showAlternateVGridColor ………[color]
alternateVGridColor …………… [color]
alternateVGridAlpha ……………[number]
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
6. 數字格式
numberPrefix ……………………[string]增加數字字首
numberSuffix ……………………[string]增加數字字尾
formatNumberScale …………… [bool]是否格式化數字,預設為1(True),自動的給你的數字加上K（千）或M（百萬）；若取0,則不加K或M
decimalPrecision …………………[number]指定小數位的位數，[0-10] 例如：='0' 取整
divLineDecimalPrecision …………[number]指定水平分割槽線的值小數位的位數，[0-10]
limitsDecimalPrecision ………… [number]指定y軸最大、最小值的小數位的位數，[0-10]
formatNumber ……………………[number]逗號來分隔數字(千位，百萬位),預設為1(True)；若取0,則不加分隔符
decimalSeparator …………………[number]指定小數分隔符,預設為'.'
thousandSeparator ………………[number]指定千分位分隔符,預設為','
decimalSeparator ……………… [number]用指定的字元來代替小數點
thousandSeparato ……………… [number]用指定的字元來代替千位分隔符
decimals …………………………[number]設定滑鼠懸停在圖表上顯示百分比的精確度[0-10]
(不能與formatNumberScale='0' formatNumber='0'同用)
defaultNumberScale …………… [string]
numberScaleUnit ……………… [string]
numberScaleValue ………………[string]
inDecimalSeparator …………… [string]
inThousandSeparator ……………[string]
forceDecimals ……………………[bool]
yAxisValueDecimals ……………[number] [0-10]
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
7. Tool-tip/Hover標題
Showhovercap ………………… [bool]是否顯示懸停說明框，預設為1(True)
hoverCapBgColor ………………[color]懸停說明框背景色，6位16進位制顏色值
hoverCapBorderColor ………… [color]懸停說明框邊框顏色，6位16進位制顏色值
hoverCapSepChar ………………[string]指定懸停說明框內值與值之間分隔符,預設為','
showToolTip ……………………[bool]
toolTipBgColor …………………[color] 6位16進位制顏色值
toolTipBorderColor …………… [color] 6位16進位制顏色值
toolTipSepChar …………………[string]
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
8. 折線圖的引數
lineThickness ……………………[number]折線的厚度
anchorRadius ……………………[number]折線節點半徑，數字
anchorBgAlpha …………………[number]折線節點透明度，[0-100]
anchorBgColor …………………[color]折線節點填充顏色，6位16進位制顏色值
anchorBorderColor …………… [color]折線節點邊框顏色，6位16進位制顏色值
多條折線中<dateset>的引數：
Seriesname ……………………[string]折線的名稱
color ………………………… [color]折線的顏色
showValue …………………… [bool]是否顯示折線的節點值
showName ………………………[bool]是否顯示折線的名稱
alpha ………………………… [number]折線的透明度
anchorAlpha ……………………[bool]是否顯示折線的節點，預設為0不顯示
lineThickness …………………[number]折線的厚度
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
9. Set標籤使用的引數
value ……………………………[number/string]設定在圖表中各個名字想對應的值
color ……………………………[color]置在圖表中相對應的柱行圖的顏色
name ……………………………[number/string]橫向座標軸標籤名稱
showName …………………… [bool]設定在是否顯示圖表中相對應X軸的name，預設為1顯示
hoverText …………………… [string]設定滑鼠旋停在相對應圖表上出現的文字內容
alpha ………………………… [number]設定在圖表中相對應的柱行圖的透明度
link ……………………………[string]設定該柱行圖的連結地址（需要URL Encode重編碼）（本視窗開啟[Url]，新視窗開啟[n-Url]，呼叫JS函式[JavaScript:函式]）
thickness ………………………[number]
toolText ……………………… [string]
showLavel ……………………[?]
showValue ……………………[bool]
dashed ……………………… [?]
alpha …………………………[?]
anchorSides …………………[?]
anchorRadius …………………[?]
anchorBorderColor ……………[color]
anchorBorderThickness ………[number]
anchorBgColor ………………[color]
anchorAlpha …………………[number]
anchorBgAlpha ………………[number]
dashLen ………………………[?]
dashGap ………………………[?]
startValue ……………………[?]
endValue ……………………[?]
displayValue ……………… [?]
isTrendZone ……………… [?]
showOnTop ……………… [?]
valueOnRight ………………[?]
例1：
<set label=’Dec 2005′ value=’36556′ />
<vLine color=’FF5904′ />
<set label=’Jan 2006′ value=’45456′ />
例2：
<trendLines>
<line startValue=’895′ color=’FF0000′ displayvalue=’Average’ />
</trendLines>
<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>
六、Object
ANCHORS 錨點用於標識line或area的數值點
支援效果 Animation 動畫、Shadow 陰影、Glow 發光、Bevel 傾斜、Blur 模糊
動畫屬性 _alpha、_x、_y、_xScale、_yScale
BACKGROUND 整個圖表的背景
支援屬性 Animation、Shadow、Glow、Bevel、Blur
動畫屬性 _alpha、_x、_y、_xScale、_yScale
CANVAS 區域圖中的區域
支援屬性 Animation、Shadow、Glow、Bevel、Blur
動畫屬性 _alpha、_x、_y、_xScale、_yScale
CAPTION 圖表標題
SUBCAPTION 圖表子標題
支援屬性 Animation、Shadow、Glow、Bevel、Blur、Font 字型
動畫屬性 _alpha、_x、_y
DATALABELS 資料的x軸標籤列表
支援屬性 Animation、Shadow、Glow、Bevel、Blur、Font 字型
動畫屬性 _alpha、_x、_y
DATAPLOT 資料細節（如：2D圖表中的列）
支援屬性 Animation、Shadow、Glow、Bevel、Blur
動畫屬性 _alpha、_x、_y、_xScale、_yScale
DATAVALUES 圖表資料
支援屬性 Animation、Shadow、Glow、Bevel、Blur、Font 字型
動畫屬性 _alpha、_x、_y
DIVLINES 水平的列表區域(由div組成的線)
支援屬性 Animation、Shadow、Glow、Bevel、Blur
動畫屬性 _alpha、_x、_y、_xScale
HGRID 水平的兩個列表區域中交替的顏色
支援屬性 Animation、Shadow、Glow、Bevel、Blur
動畫屬性 _alpha、_x、_y、_xScale、_yScale
VDIVLINES 垂直的列表區域
VGRID 垂直的兩個列表區域中交替的顏色
VLINES 垂直分割線
XAXISNAME x軸名稱
YAXISNAME y軸名稱
YAXISVALUES y軸的值列表
TOOLTIP 在滑鼠移動到資料點上的時候的提示
支援屬性 Font
TRENDLINES 趨勢線

fusioncharts屬性設定

fusioncharts屬性設定

FusionCharts 常用屬性設定

android 鍵盤屬性設定總結

Qt控制元件增加屬性並通過新增的屬性設定樣式

Devexpress TreeList 屬性設定

textarea 滾動條屬性設定

css中字型與段落屬性設定/文字高階樣式

H5 CSS中列表屬性設定

echarts相關屬性設定（1）折線圖篇

echarts相關屬性設定（2）--折線圖和柱狀圖的結合使用

自定義屬性設定顏色

TreeList屬性設定以及右鍵選單實現

微信小程式自定義屬性設定和獲取（data-）

jQuery的屬性設定、CSS樣式設定和DOM的寬高位置設定

Android Camera預設屬性設定

SlidingMenu常用的一些屬性設定

VS2010 工程屬性設定

C#一些控制元件的屬性設定和用處

執行緒屬性設定簡例

css --- font屬性設定

fusioncharts屬性設定

相關推薦