<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 開發指南

    主站蜘蛛池模板: 亚洲A∨精品一区二区三区下载| 久久亚洲国产精品123区| 嫩草影院在线播放www免费观看| 全部免费a级毛片| 无码免费又爽又高潮喷水的视频 | 亚洲一区二区三区免费观看 | 亚洲av成人一区二区三区在线观看| 亚洲区不卡顿区在线观看| 九九精品国产亚洲AV日韩| 四虎成人免费网址在线| 亚洲狠狠色丁香婷婷综合| 国产成人高清精品免费鸭子| 国产成人人综合亚洲欧美丁香花| 免费**毛片在线播放直播| av电影在线免费看| 久久精品国产精品亚洲艾| 99久9在线|免费| 亚洲精品无码永久中文字幕| 亚洲丶国产丶欧美一区二区三区| 好吊妞在线成人免费| 免费人成网上在线观看| 亚洲码国产精品高潮在线| 国产亚洲美女精品久久| 成人在线免费看片| 亚洲香蕉久久一区二区| 国产在线不卡免费播放| 99在线视频免费观看| 亚洲第一福利网站| 成人毛片18女人毛片免费96| 香港特级三A毛片免费观看| 久久99国产亚洲高清观看首页| 亚洲精品在线免费观看视频| 水蜜桃亚洲一二三四在线| 香蕉97超级碰碰碰免费公| 亚洲av无码专区在线观看亚| 国产精品V亚洲精品V日韩精品 | 亚洲AV无码一区二区三区人 | 亚洲成AV人片在WWW| 亚洲精品国产V片在线观看| 1a级毛片免费观看| 美女视频免费看一区二区|