本章我們來看看什么是組合圖形,以及它的XML是怎么寫的。
什么是組合圖形
當我們想在一張圖形里表示多個圖形類型時,我們就要用到組合圖。FCF提供了雙Y軸組合圖,它有兩個Y軸,每個軸表示不同的刻度(例如,收益和數量,或者訪問量和下載量等等。)。圖形左邊的坐標軸叫主坐標軸,圖形右邊的叫次坐標軸。
FCF里組合圖分為2D和3D,下面的圖形就是一個2D雙Y軸組合圖。

圖片1
這個圖里有月銷售額和數量,X軸表示月份。現在我們來看看這兩個Y軸:
主Y軸表示2005和2006的銷售額,柱狀圖和這個主Y軸對應。
次Y軸表示數量,曲線圖和次Y軸對應。
在雙Y軸圖形里,我們必須提供至少兩個數據集,一個對應主Y軸,一個對應次Y軸。如果你沒有提供兩個,圖形就不會正確顯示。
代碼
上圖的XML代碼如下:
<graph caption='Business Results 2005 v 2006' PYAxisName='Revenue' SYAxisName='Quantity'
xAxisName='Month' showValues='0' decimalPrecision='0' bgcolor='F3f3f3' bgAlpha='70'
showColumnShadow='1' divlinecolor='c5c5c5' divLineAlpha='60' showAlternateHGridColor='1'
alternateHGridColor='f8f8f8' alternateHGridAlpha='60' SYAxisMaxValue='750'
>
<categories>
<category name='Jan' />
<category name='Feb' />
<category name='Mar' />
<category name='Apr' />
<category name='May' />
<category name='Jun' />
<category name='Jul' />
<category name='Aug' />
<category name='Sep' />
<category name='Oct' />
<category name='Nov' />
<category name='Dec' />
</categories>
<dataset seriesName='2006' parentYAxis='P' color='c4e3f7' numberPrefix='$'>
<set value='27400' />
<set value='29800' />
<set value='25800' />
<set value='26800' />
<set value='29600' />
<set value='32600' />
<set value='31800' />
<set value='36700' />
<set value='29700' />
<set value='31900' />
<set value='34800' />
<set value='24800' />
</dataset>
<dataset seriesName='2005' parentYAxis='P' color='Fad35e' numberPrefix='$'>
<set value='10000' />
<set value='11500' />
<set value='12500' />
<set value='15000' />
<set value='11000' />
<set value='9800' />
<set value='11800' />
<set value='19700' />
<set value='21700' />
<set value='21900' />
<set value='22900' />
<set value='20800' />
</dataset>
<dataset seriesName='Total Quantity' parentYAxis='S' color='8BBA00' anchorSides='10'
anchorRadius='3' anchorBorderColor='009900' >
<set value='270' />
<set value='320' />
<set value='290' />
<set value='320' />
<set value='310' />
<set value='320' />
<set value='340' />
<set value='470' />
<set value='420' />
<set value='440' />
<set value='480 '/>
<set value='360' />
</dataset>
</graph>
簡單解釋
這個組合圖的XML和一個多系列圖形的XML較為類似,因此,我們只解釋以下不同的地方。
在雙Y軸組合圖里,有兩個Y軸,每個Y軸都可以有它自己的刻度和數值格式屬性。
PYAxisName表示主軸的名稱,SYAxisName表示次軸的名稱。
在每個數據集里,我們都必須用parentYAxis屬性來指定它是屬于哪個軸。這個屬性的值只能是“P”或“S”。P代表主軸,S代表次軸。例如我們的代碼里,在主軸上有兩個銷售額數據集--“2005”和“2006”:
<dataset seriesName='2006' parentYAxis='P'
>
<dataset seriesName='2005' parentYAxis='P'
>
在次軸上有一個數量數據集:
<dataset seriesName='Total Quantity' parentYAxis='S'
>
上面的例子里,數量數據集表示的是2005和2006當月數量的總數。實際上,我們可以在次軸上也設置兩個數據集,一個表示2005年每月的數量,一個表示2006年的。大家可以自己練習一下。
注意
在運行這個例子是,Flash文件應該使用FCF_MSColumn2DLineDY.swf,從上圖我們可以看出,它是column和line的組合,因此要用FCF_MSColumn2DLineDY.swf。更多的圖形和Flash文件的對應關系,請參見http://ajava.org/hot/fusioncharts/816.html
本文原始地址:http://ajava.org/hot/fusioncharts/875.html