第八章--FusionCharts Free和组合图XML

时间：2009-01-12 22:23      作者：道长A
IE QQ 百度 POCO Yahoo 新浪 365Key 天极 和讯 博拉 Live 奇客 鲜果 收客 饭否 叽歪

•   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”：

1. <dataset seriesName='2006' parentYAxis='P' ... >   
2.    
3.       ...     
4.    
5. <dataset seriesName='2005' parentYAxis='P' ... >

在次轴上有一个数量数据集：

1. <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