<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    道長A的地盤

    http://Java.Im 這個網址NB吧?是道長的新網站,您不去看看嗎?
    隨筆 - 28, 文章 - 1, 評論 - 73, 引用 - 0
    數據加載中……

    [AJava原創]FusionCharts Free中文開發指南[使用文檔教程]第八章--FusionCharts Free和組合圖XML

    本章我們來看看什么是組合圖形,以及它的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



    AJava.org --一個Java門戶! 轉載請以連接方式注明來自AJava.org

    posted on 2009-03-23 10:05 道長A@ajava.org 閱讀(1824) 評論(0)  編輯  收藏 所屬分類: FusionCharts 開發指南

    主站蜘蛛池模板: 女人张开腿给人桶免费视频| 国产精品亚洲综合专区片高清久久久| 亚洲综合av一区二区三区不卡| 波多野结衣视频在线免费观看| 久久精品成人免费观看97| 亚洲国产日韩女人aaaaaa毛片在线| 免费看片免费播放| a色毛片免费视频| 亚洲男人天堂2022| 久久久久亚洲爆乳少妇无| 日本免费人成在线网站| 成人一级免费视频| 亚洲日本国产精华液| 亚洲人成无码www久久久| 真人做A免费观看| 国产真人无码作爱免费视频| 亚洲娇小性xxxx| 国产亚洲美女精品久久久久狼 | 麻豆高清免费国产一区| 国产精品亚洲综合网站| 亚洲一区二区三区91| 国产a v无码专区亚洲av| 毛片a级毛片免费观看品善网| 在线观看免费无码视频| 狼人大香伊蕉国产WWW亚洲| 亚洲美女色在线欧洲美女| 亚洲日本va午夜中文字幕久久| 大陆一级毛片免费视频观看i| 97在线免费视频| 青青视频免费在线| 亚洲天堂2017无码中文| 亚洲人成电影亚洲人成9999网| 亚洲av午夜精品一区二区三区| 国产乱子精品免费视观看片| 本免费AV无码专区一区| 国产偷国产偷亚洲清高APP| 亚洲人成日本在线观看| 亚洲毛片在线观看| 伊人久久综在合线亚洲91| 免费v片在线观看无遮挡| 蜜臀91精品国产免费观看|