【正文】 。color=39。200639。dataset 21. 20. /categories 19. /Dec39。category 18. /Nov39。category 17. /Oct39。category 16. /Sep39。category 15. /Aug39。category 14. /Jul39。category 13. /Jun39。category 12. /May39。category 11. /Apr39。category 10. /Mar39。category 9. /Feb39。category 8. /Jan39。category 7. categories 6. 5. 6039。alternateHGridColor=39。 4. 139。divLineAlpha=39。c5c5c539。showColumnShadow=39。 3. 7039。bgcolor=39。039。numberPrefix=39。039。Revenue39。xAxisName=39。200639。2005Business圖片11. graph 多系列圖形多系列圖形被用來比較兩個或更多的數(shù)據(jù)集。/showOnTop=39。Target39。color=39。2600039。1. linetrendLines 元素，它可以在圖形上畫出一條趨勢線。link=?month=janhoverText=January,AFD8F839。value=39。Jan39。一個典型的set元素看起來就像這樣：1. set這些屬性我們在圖形XML參考一章會講到。它描述數(shù)據(jù)的開始和結(jié)束。 上面的代碼里多了一些我們沒接觸過的屬性，沒關(guān)系，在圖形XML參考一章我們將詳細(xì)介紹所有的圖形可用的屬性。 22. /graph /trendlines/showOnTop=39。Target39。color=39。2600039。linetrendlines 17. color=39。2480039。name=39。 16. 9D080D39。value=39。Nov39。set/color=39。3190039。name=39。 14. B3AA0039。value=39。Sep39。set/color=39。3670039。name=39。 12. 8E468E39。value=39。Jul39。set/color=39。3260039。name=39。 10. color=39。2960039。name=39。 9. FF8E4639。value=39。Apr39。set/color=39。2580039。name=39。 7. color=39。2980039。name=39。 6. AFD8F839。value=39。Jan39。setalternateHGridAlpha=39。 4. alternateHGridColor=39。139。divLineAlpha=39。c5c5c539。showColumnShadow=39。7039。bgcolor=39。039。 2. numberPrefix=39。showValues=39。Revenue39。xAxisName=39。200639。Business圖片11. graph我們并沒有對數(shù)據(jù)進(jìn)行比較，例如，比較兩年的每月銷售情況。FCF里有幾種類型的XML結(jié)構(gòu)：單系列圖形單系列圖形是指只有一個數(shù)據(jù)集的圖形。 。例如graph bgColor=39。 。例如graph caption=39。 。例如graph yAxisMaxValue=39。 。例如graph showNames=39。數(shù)據(jù)類型在FCF里，一共有四種數(shù)據(jù)類型。下章我們將介紹一下FCF的XML。Anchors（錨點(diǎn)）你可以設(shè)置Anchors（錨點(diǎn)）的shape（形狀）, radius（半徑）, border color（邊框顏色）, thickness（邊框厚度）, alpha（邊框透明度）, background color（背景顏色）, background alpha（背景透明度） 等屬性。 Grids（水平表格間隔色）以及透明度。DIV lines（刻度線）你可以設(shè)置Trend Line（趨勢線），Zero Plane（零平面），Div Line（刻度線）等的一些屬性。對于2D圖形，你可以設(shè)置canvas background color（畫布背景顏色），background alpha（背景透明度），canvas border color（畫布邊框顏色），canvas border thickness（畫布邊框厚度）等屬性。只有了解這些以后，我們才能做出我們相應(yīng)的圖形。它不但可以描述圖形的數(shù)據(jù)，還可以描述圖形的樣式。()。在JavaScript里進(jìn)行編碼，使用escape(url)這個函數(shù)。在使用setDataURL()方法時，如果地址里含有“?”、“amp。最佳模式在我們的實(shí)際應(yīng)用里，數(shù)據(jù)不可能是靜態(tài)的，它可能是有用戶選擇查詢條件，然后提交給服務(wù)器，服務(wù)器返回一個查詢的結(jié)果，?year=2008。這時我們就需要使用setDataURL()方法。不管我們使用什么方法，我們都能得到一樣的結(jié)果。 13. //graph)。color=39。96039。name=39。9D080D39。value=39。Nov39。/setcolor=39。49439。name=39。B3AA0039。value=39。Sep39。/setcolor=39。62239。name=39。8E468E39。value=39。Jul39。/setcolor=39。96039。name=39。008E8E39。value=39。May39。/setcolor=39。49439。name=39。color=39。67139。name=39。color=39。85739。name=39。color=39。46239。name=39。039。decimalPrecision=39。139。yAxisName=39。Month39。Unitcaption=39。500)。myChartId,newmyChartscriptthereplacedwillThisthisappearchartid=chartdiv 7. 6. bgcolor=ffffff 4. /headsrc=../FusionCharts//scriptscript使用JavaScript和dataXML看下面的代碼。dataXML=pleteXMLData在EMBED 標(biāo)記里，是這樣的：EMBED ... FlashVars=amp。 。 10. /html 9. /body 8. /object/type=application/xshockwaveflashheight=500quality=highA186BE39。value=39。Dec39。/setcolor=39。76139。name=39。008ED639。value=39。Oct39。/setcolor=39。37639。name=39。58852639。value=39。Aug39。/setcolor=39。62939。name=39。D6464639。value=39。Jun39。/setcolor=39。76139。name=39。FF8E4639。value=39。Apr39。/set8BBA0039。value=39。Mar39。/setF6BD0F39。value=39。Feb39。/setAFD8F839。value=39。Jan39。setformatNumberScale=39。039。showNames=39。Units39。xAxisName=39。Sales39。MonthlydataXML=graphchartHeight=500embedvalue=highparamA186BE39。value=39。Dec39。/setcolor=39。76139。name=39。008ED639。value=39。Oct39。/setcolor=39。37639。name=39。58852639。value=39。Aug39。/setcolor=39。62939。name=39。D6464639。value=39。Jun39。/setcolor=39。76139。name=39。FF8E4639。value=39。Apr39。/set8BBA0039。value=39。Mar39。/setF6BD0F39。value=39。Feb39。/setAFD8F839。value=39。Jan39。setformatNumberScale=39。039。showNames=39。Units39。xAxisName=39。Sales39。MonthlydataXML=graphname=FlashVars 5. /value=../FusionCharts/?chartWidth=600amp。paramid=Column3Dwidth=600classid=clsid:D27CDB6EAE6D11cf96B8444553540000 2. body1. htmldataXML則是以XML文本的形式告訴FCF。但是有的時候，我們可能不需要單獨(dú)的文件，這時，我們就可以使用dataXML 方法來進(jìn)行數(shù)據(jù)的調(diào)用。最后的效果如下：圖片1下篇文章本道將講述如何使用非獨(dú)立的數(shù)據(jù)文件作為數(shù)據(jù)來源。 32. 31. ()。400,FusionCharts(../FusionCharts/,=varscriptAreaChartid=chartdiv4 25. 24. ()。600,FusionCharts(../FusionCharts/,=varscriptLineChartid=chartdiv3 18. 17. ()。FusionCharts(../FusionCharts/,myChartId2,=varscriptColumnChartid=chartdiv2 11. 10. ()。600,FusionCharts(../FusionCharts/,=varscriptPieChartid=chartdiv1 6. bgcolor=fffffflanguage=JavaScript 3. 怎么加載多個圖形呢？很簡單，看下面。很顯然使用JavaScript加載圖形，更方便，更直觀。 chartdiv就是前面的DIV的id，這就表示把圖形render到chartdiv。最后，我們把圖形渲染在指定的地方。1. ()。第四個參數(shù)是圖形的高。這個id你可以隨便叫什么，但是要注意，在后面我們講到一個頁面里有多個圖形的時候，這個id一定要是唯一的。 第一個參數(shù)是SWF文件的地址。600,FusionCharts(../FusionCharts/,=接著，我們用四個參數(shù)建立了一個FusionCharts對象，1. varalign=center圖形將出現(xiàn)這個DIV里，到時這里的字將被圖形替代。1. divlanguage=JavaScript首先。(chartdiv)。 10. 500)。myChartId,newmyChartscript 7. /divid=chartdiv 5. body language=JavaScript。使用JS加載這個JS類文件就在FusionChartsFreeJSClass文件夾下，我們把它拷貝到c:\FusionCharts\FusionCharts下面。二是代碼更加直觀。 實(shí)際上，我們還可以使用FCF提供的一個JavaScript類來加載圖形。 10. /html 8. /type=application/xshockwaveflashheight=500quality=highchartWidth=600amp。flashVars=amp。embed 7. /name=qualitychartWidth=600amp。value=amp。param 5. /name=movieid=Column3Dwidth=600classid=clsid:D27CDB6EAE6D11cf96B8444553540000 3. 四、使用JavaScript加載圖形在上篇文章里，我們做出了第一個圖形報(bào)表，我們是直接在HTML里使用OBJECT和EMBED標(biāo)記來加載圖形的。現(xiàn)在我們再刷新瀏覽器，看看效果：圖片1夠酷吧。希望隨著教程的繼續(xù)，我進(jìn)一步了解FCF以后，可以解決