【正文】 完了，感覺怎么樣？你是覺得簡單呢，容易呢，還是小Case呢？不過，這里我有個(gè)小問題，yAxisName屬性如果是中文的話，顯示不出來。圖形轉(zhuǎn)換上面的圖形是一個(gè)柱形圖，如果我們想用同樣的數(shù)據(jù)，以餅圖來展示，“”改成餅圖的SWF文件就可以了，即“”。在接下來的系列文章里，我將介紹使用JavaScript來加載Flash。1. html 2. ...OBJECTcodebase=,0,0,0height=500 4. paramvalue=../FusionCharts/name=FlashVarsdataURL=amp。chartHeight=500 6. paramvalue=highsrc=../FusionCharts/dataURL=amp。chartHeight=500width=600name=Column3Dpluginspage=/object 9. ...使用JavaScript的方式有幾個(gè)好處，一是代碼量大大減少，特別是當(dāng)一個(gè)頁面上有幾個(gè)圖形時(shí)。三是可以避免IE出現(xiàn)“單擊以激活使用這個(gè)控件”的提示?，F(xiàn)在。1. html 2. head 3. scriptsrc=../FusionCharts//script 4. /headbgcolor=ffffff 6. divalign=center圖形將出現(xiàn)這個(gè)DIV里，到時(shí)這里的字將被圖形替代。type=text/javascript 8. var=FusionCharts(../FusionCharts/,600, 9. ()。 11. /script 12. /body 13. /html 我們對上面的代碼進(jìn)行以下解釋。1. scriptsrc=../FusionCharts//script 然后，我們定義了一個(gè)DIV，它還有個(gè)id。id=chartdiv/div 我們的圖形就出現(xiàn)在這個(gè)DIV里。myChartnewmyChartId,500)。第二個(gè)是圖形的id。第三個(gè)參數(shù)是圖形的寬。我們還要設(shè)置數(shù)據(jù)文件的地址。 1. (chartdiv)。多圖形有時(shí)候我們需要在一個(gè)頁面里顯示多個(gè)圖形，例如，我們同時(shí)以餅圖、柱狀圖、曲線圖、區(qū)域圖四中形式來表現(xiàn)每個(gè)月的銷售情況，讓用戶想看哪個(gè)就看哪個(gè)。1. html 2. headtitle多圖形/titlescriptsrc=../FusionCharts//script 4. /head 5. bodydivalign=centerFirstContainer3D/div 7. type=text/javascript 8. myChart1newmyChartId1,400)。 9. (chartdiv1)。/script 12. 13. divalign=centerSecondContainer3D/div 14. type=text/javascript 15. myChart2new600,300)。 16. (chartdiv2)。/script 19. 20. divalign=centerThirdContainer2D/div 21. type=text/javascript 22. myChart3newmyChartId3,300)。 23. (chartdiv3)。/script 26. 27. divalign=centerFourthContainer2D/div 28. type=text/javascript 29. myChart4newmyChartId4,250)。 30. (chartdiv4)。/script 33. /body 34. /html 35. 仔細(xì)對比上面的四個(gè)圖形代碼，其實(shí)就是div的id，F(xiàn)usionCharts對象的名稱,圖形的id，還有圖形的SWF地址這些地方發(fā)生了變化。五、使用dataXML加載數(shù)據(jù)在前面的例子里，我們使用的數(shù)據(jù)都是一個(gè)單獨(dú)的XML文件，它可以被很多需要它的文件來調(diào)用。使用dataXML提供數(shù)據(jù)dataXML 和dataURL都可以提供數(shù)據(jù)，dataURL是以把XML文件地址以URL的形式告訴FCF，或者是一個(gè)動(dòng)態(tài)的文件，（頁面返回XML格式的文本）?？赡苡悬c(diǎn)不好理解，看看下面的代碼就知道了。bgcolor=ffffff 3. OBJECTcodebase=,0,0,0height=500 4. name=moviechartHeight=500paramvalue=amp。caption=39。UnitMonth39。yAxisName=39。139。decimalPrecision=39。039。name=39。46239。color=39。name=39。85739。color=39。name=39。67139。color=39。name=39。49439。color=39。/setMay39。value=39。008E8E39。name=39。96039。color=39。/setJul39。value=39。8E468E39。name=39。62239。color=39。/setSep39。value=39。B3AA0039。name=39。49439。color=39。/setNov39。value=39。9D080D39。name=39。96039。color=39。//graph 6. name=quality/ 7. src=../FusionCharts/?chartWidth=600amp。flashVars=amp。caption=39。UnitMonth39。yAxisName=39。139。decimalPrecision=39。039。name=39。46239。color=39。name=39。85739。color=39。name=39。67139。color=39。name=39。49439。color=39。/setMay39。value=39。008E8E39。name=39。96039。color=39。/setJul39。value=39。8E468E39。name=39。62239。color=39。/setSep39。value=39。B3AA0039。name=39。49439。color=39。/setNov39。value=39。9D080D39。name=39。96039。color=39。//graphwidth=600name=Column3Dpluginspage=可以看到，F(xiàn)lashVars 的值是這樣的一種形式：PARAM NAME=FlashVars Value=amp。dataXML=pleteXMLData 而原來我們放到FlashVars的兩個(gè)參數(shù)chartWidth，chartHeight，則被放到了SWF文件地址的后面。1. html 2. head 3. language=JavaScript 5. bodydivalign=centerThewillwithinDIV.textbebychart./div 8. type=text/javascript 9. var=FusionCharts(../FusionCharts/,600, 10. (graphMonthlySales39。xAxisName=39。Units39。showNames=39。039。formatNumberScale=39。setJan39。value=39。AFD8F839。/setFeb39。value=39。F6BD0F39。/setMar39。value=39。8BBA0039。/setApr39。value=39。FF8E4639。name=39。76139。color=39。/setJun39。value=39。D6464639。name=39。62939。color=39。/setAug39。value=39。58852639。name=39。37639。color=39。/setOct39。value=39。008ED639。name=39。76139。color=39。/setDec39。value=39。A186BE39。 11. 12. (chartdiv)。/script 14. 15. /body 16. /html 17. 原來我們調(diào)用的是setDataURL()方法，而現(xiàn)在是setDataXML()方法，它的參數(shù)則是一個(gè)完整的XML字符串。setDataXML()方法的問題我們知道，在使用GET方法得到參數(shù)時(shí)，瀏覽器對參數(shù)值的長度是有一定的限制的，所以，如果XML字符過長，可能會產(chǎn)生問題。如果你的XML字符里含有雙字節(jié)字符，例如中文字符，你就不能使用setDataXML()方法，你應(yīng)該使用setDataURL()方法。所以我給大家推薦的最佳模式是使用setDataURL()方法，并且使用JavaScript來加載圖形?！钡茸址?，你就需要對這個(gè)地址進(jìn)行URL編碼。如果你想在服務(wù)器端就進(jìn)行編碼，那就使用你的編程語言提供的URL編碼方法。六、圖形的基本元素在我們了解了FCF的各種使用方法以后，我們就會發(fā)現(xiàn)，其實(shí)我們要做出各種不同的Flash圖形，最關(guān)鍵的就是那個(gè)XML數(shù)據(jù)。大家可能迫不及待的想要了解XML的細(xì)節(jié)，別急，在此之前，我們需要搞清楚圖形的組成部分，比如什么是X軸，什么是Y軸，什么是圖形背景，什么是是圖形邊框。圖形背景和畫布對于3D圖形，你可以設(shè)置canvas background（畫布背景）和Chart Background（圖形背景）的顏色，還可以設(shè)置它們是否可見。Chart Labels（圖形標(biāo)簽）你可以設(shè)置caption（標(biāo)題）, sub caption（子標(biāo)題）, xaxis name（X軸標(biāo)簽）, yaxis name（Y軸標(biāo)簽）, yaxis max limit（Y軸最大值）， yaxis min limit（Y軸最小值）, number Prefix（數(shù)值前綴）, number Suffix（數(shù)值后綴），Chart Legend（圖例）。Alternating（間隔色）你可以設(shè)置Alternating Colored Horizontal Grids（垂直表格間隔色）以及透明度，Alternating Colored VerticalHover Caption（提示信息）你可以設(shè)置hover caption background提示框的背景，hover caption border提示框的邊框，hover caption data separator character提示信息的分割字符。本章我們了解了一些圖形基本構(gòu)成元素，還了解了我們可以對它們進(jìn)行哪些設(shè)置。七、FusionCharts Free和XMLFusionCharts使用XML來創(chuàng)建和控制圖形。Boolean 它的值為0或1，1表示true，0表示false。139。Number 它的值應(yīng)該是一個(gè)數(shù)值。20039。String 它的值是一個(gè)字符串。My Chart39。Hex Color Code 它表示一個(gè)16進(jìn)制的顏色，不需要用“”。FFFFDD39。每個(gè)圖形都有很多屬性，我們都可以通過XML對它進(jìn)行設(shè)置，但是，我們并不需要對每一個(gè)屬性都進(jìn)行設(shè)置，因?yàn)樗鼈兌加幸粋€(gè)默認(rèn)值，如果我們沒有設(shè)置，F(xiàn)CF會使用默認(rèn)值來替代。例如，我們的第一個(gè)例子，每月銷售情況 ，就是一個(gè)單系列圖形（我們只有一年的數(shù)據(jù)）。我們看看下面的例子。caption=39。ResultsMonth39。yAxisName=39。039。$39。decimalPrecision=39。F3f3f339。bgAlpha=39。139。 3. divlinecolor=39。6039。showAlternateHGridColor=39。f8f8f839。6039。 5. name=39。2740039。color=39。/setFeb39。value=39。F6BD0F39。/setMar39。value=39。8BBA0039。 8. name=39。2680039。color=39。/setMay39。value=39。008E8E39。/setJun39。value=39。D6464639。 11. name=39。3180039。color=39。/setAug39。value=39。58852639。 13. name=39。2970039。color=39。/setOct39。value=39。008ED639。 15. name=39。3480039。col