本章我們來看看什么是組合圖形，以及它的XML是怎么寫的。
什么是組合圖形
當我們想在一張圖形里表示多個圖形類型時，我們就要用到組合圖。FCF提供了雙Y軸組合圖，它有兩個Y軸，每個軸表示不同的刻度（例如，收益和數(shù)量，或者訪問量和下載量等等。）。圖形左邊的坐標軸叫主坐標軸，圖形右邊的叫次坐標軸。
FCF里組合圖分為2D和3D，下面的圖形就是一個2D雙Y軸組合圖。
圖片1
這個圖里有月銷售額和數(shù)量，X軸表示月份。現(xiàn)在我們來看看這兩個Y軸：
主Y軸表示2005和2006的銷售額，柱狀圖和這個主Y軸對應。
次Y軸表示數(shù)量，曲線圖和次Y軸對應。
在雙Y軸圖形里，我們必須提供至少兩個數(shù)據(jù)集，一個對應主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軸都可以有它自己的刻度和數(shù)值格式屬性。
PYAxisName表示主軸的名稱，SYAxisName表示次軸的名稱。
在每個數(shù)據(jù)集里，我們都必須用parentYAxis屬性來指定它是屬于哪個軸。這個屬性的值只能是“P”或“S”。P代表主軸，S代表次軸。例如我們的代碼里，在主軸上有兩個銷售額數(shù)據(jù)集--“2005”和“2006”：
<dataset seriesName='2006' parentYAxis='P' 
>
<dataset seriesName='2005' parentYAxis='P' >
在次軸上有一個數(shù)量數(shù)據(jù)集：
<dataset seriesName='Total Quantity' parentYAxis='S' >
上面的例子里，數(shù)量數(shù)據(jù)集表示的是2005和2006當月數(shù)量的總數(shù)。實際上，我們可以在次軸上也設置兩個數(shù)據(jù)集，一個表示2005年每月的數(shù)量，一個表示2006年的。大家可以自己練習一下。
注意
在運行這個例子是，F(xiàn)lash文件應該使用FCF_MSColumn2DLineDY.swf，從上圖我們可以看出，它是column和line的組合，因此要用FCF_MSColumn2DLineDY.swf。更多的圖形和Flash文件的對應關(guān)系，請參見http://ajava.org/hot/fusioncharts/816.html
本文原始地址：http://ajava.org/hot/fusioncharts/875.html