項目中需要FusionCharts圖表顯示雙Y軸，好像FCF_MSLine.swf不可以這樣，只能顯示一個Y軸，多條線,
找了一下，用MSCombiDY2D.swf可以實現(xiàn)，生成圖如下：

兩個圖表的數(shù)據(jù)是一樣的，設置有一此不同而己
對應的XML文本如下：

現(xiàn)在要將區(qū)域圖表變?yōu)榍€只需將
<dataset renderAs='Area' parentYAxis='P' seriesName='Profit'>
改為
<dataset renderAs='Line' parentYAxis='P' seriesName='Profit'>
說明：
parentYAxis='P'表示對應的為左邊的Y軸
parentYAxis='S'表示對應的為右邊的Y軸
renderAs表示形狀，Area 為區(qū)域圖表，Line為曲線圖表
關于 參數(shù)設置
功能特性
animation 是否動畫顯示數(shù)據(jù)，默認為1(True)
showNames 是否顯示橫向坐標軸(x軸)標簽名稱
rotateNames 是否旋轉(zhuǎn)顯示標簽，默認為0(False):橫向顯示
showValues 是否在圖表顯示對應的數(shù)據(jù)值，默認為1(True)
yAxisMinValue 指定縱軸(y軸)最小值，數(shù)字
yAxisMaxValue 指定縱軸(y軸)最小值，數(shù)字
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進制顏色值
分區(qū)線和網(wǎng)格
numDivLines 畫布內(nèi)部水平分區(qū)線條數(shù)，數(shù)字
divLineColor 水平分區(qū)線顏色，6位16進制顏色值
divLineThickness 水平分區(qū)線厚度，[1-5]
divLineAlpha 水平分區(qū)線透明度，[0-100]
showAlternateHGridColor 是否在橫向網(wǎng)格帶交替的顏色，默認為0(False)
alternateHGridColor 橫向網(wǎng)格帶交替的顏色，6位16進制顏色值
alternateHGridAlpha 橫向網(wǎng)格帶的透明度，[0-100]
showDivLinues 是否顯示Div行的值，默認？？
numVDivLines 畫布內(nèi)部垂直分區(qū)線條數(shù)，數(shù)字
vDivLineColor 垂直分區(qū)線顏色，6位16進制顏色值
vDivLineThickness 垂直分區(qū)線厚度，[1-5]
vDivLineAlpha 垂直分區(qū)線透明度，[0-100]
showAlternateVGridColor 是否在縱向網(wǎng)格帶交替的顏色，默認為0(False)
alternateVGridColor 縱向網(wǎng)格帶交替的顏色，6位16進制顏色值
alternateVGridAlpha 縱向網(wǎng)格帶的透明度，[0-100]
數(shù)字格式
numberPrefix 增加數(shù)字前綴
numberSuffix 增加數(shù)字后綴 % 為 '%25'
formatNumberScale 是否格式化數(shù)字,默認為1(True),自動的給你的數(shù)字加上K（千）或M（百萬）；若取0,則不加K或M
decimalPrecision 指定小數(shù)位的位數(shù)，[0-10] 例如：='0' 取整
divLineDecimalPrecision 指定水平分區(qū)線的值小數(shù)位的位數(shù)，[0-10]
limitsDecimalPrecision 指定y軸最大、最小值的小數(shù)位的位數(shù)，[0-10]
formatNumber 逗號來分隔數(shù)字(千位，百萬位),默認為1(True)；若取0,則不加分隔符
decimalSeparator 指定小數(shù)分隔符,默認為'.'
thousandSeparator 指定千分位分隔符,默認為','
Tool-tip/Hover標題
showhovercap 是否顯示懸停說明框，默認為1(True)
hoverCapBgColor 懸停說明框背景色，6位16進制顏色值
hoverCapBorderColor 懸停說明框邊框顏色，6位16進制顏色值
hoverCapSepChar 指定懸停說明框內(nèi)值與值之間分隔符,默認為','
折線圖的參數(shù)
lineThickness 折線的厚度
anchorRadius 折線節(jié)點半徑，數(shù)字
anchorBgAlpha 折線節(jié)點透明度，[0-100]
anchorBgColor 折線節(jié)點填充顏色，6位16進制顏色值
anchorBorderColor 折線節(jié)點邊框顏色，6位16進制顏色值
Set標簽使用的參數(shù)
value 數(shù)據(jù)值
color 顏色
link 鏈接（本窗口打開[Url]，新窗口打開[n-Url]，調(diào)用JS函數(shù)[JavaScript:函數(shù)]）
name 橫向坐標軸標簽名稱

最新評論