【文章內(nèi)容簡(jiǎn)介】 0。 12. (chartdiv)。 13. /script 14. 15. /body 16. /html 17. 原來(lái)我們調(diào)用的是setDataURL()方法，而現(xiàn)在是setDataXML()方法，它的參數(shù)則是一個(gè)完整的XML字符串。不管我們使用什么方法，我們都能得到一樣的結(jié)果。setDataXML()方法的問(wèn)題我們知道，在使用GET方法得到參數(shù)時(shí)，瀏覽器對(duì)參數(shù)值的長(zhǎng)度是有一定的限制的，所以，如果XML字符過(guò)長(zhǎng)，可能會(huì)產(chǎn)生問(wèn)題。這時(shí)我們就需要使用setDataURL()方法。如果你的XML字符里含有雙字節(jié)字符，例如中文字符，你就不能使用setDataXML()方法，你應(yīng)該使用setDataURL()方法。最佳模式在我們的實(shí)際應(yīng)用里，數(shù)據(jù)不可能是靜態(tài)的，它可能是有用戶(hù)選擇查詢(xún)條件，然后提交給服務(wù)器，服務(wù)器返回一個(gè)查詢(xún)的結(jié)果，?year=2008。所以我給大家推薦的最佳模式是使用setDataURL()方法，并且使用JavaScript來(lái)加載圖形。在使用setDataURL()方法時(shí)，如果地址里含有“?”、“amp。”等字符，你就需要對(duì)這個(gè)地址進(jìn)行URL編碼。在JavaScript里進(jìn)行編碼，使用escape(url)這個(gè)函數(shù)。如果你想在服務(wù)器端就進(jìn)行編碼，那就使用你的編程語(yǔ)言提供的URL編碼方法。()。六、圖形的基本元素在我們了解了FCF的各種使用方法以后，我們就會(huì)發(fā)現(xiàn)，其實(shí)我們要做出各種不同的Flash圖形，最關(guān)鍵的就是那個(gè)XML數(shù)據(jù)。它不但可以描述圖形的數(shù)據(jù)，還可以描述圖形的樣式。大家可能迫不及待的想要了解XML的細(xì)節(jié)，別急，在此之前，我們需要搞清楚圖形的組成部分，比如什么是X軸，什么是Y軸，什么是圖形背景，什么是是圖形邊框。只有了解這些以后，我們才能做出我們相應(yīng)的圖形。圖形背景和畫(huà)布對(duì)于3D圖形，你可以設(shè)置canvas background（畫(huà)布背景）和Chart Background（圖形背景）的顏色，還可以設(shè)置它們是否可見(jiàn)。對(duì)于2D圖形，你可以設(shè)置canvas background color（畫(huà)布背景顏色），background alpha（背景透明度），canvas border color（畫(huà)布邊框顏色），canvas border thickness（畫(huà)布邊框厚度）等屬性。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（圖例）。DIV lines（刻度線）你可以設(shè)置Trend Line（趨勢(shì)線），Zero Plane（零平面），Div Line（刻度線）等的一些屬性。Alternating（間隔色）你可以設(shè)置Alternating Colored Horizontal Grids（垂直表格間隔色）以及透明度，Alternating Colored Vertical Grids（水平表格間隔色）以及透明度。Hover Caption（提示信息）你可以設(shè)置hover caption background提示框的背景，hover caption border提示框的邊框，hover caption data separator character提示信息的分割字符。Anchors（錨點(diǎn)）你可以設(shè)置Anchors（錨點(diǎn)）的shape（形狀）, radius（半徑）, border color（邊框顏色）, thickness（邊框厚度）, alpha（邊框透明度）, background color（背景顏色）, background alpha（背景透明度） 等屬性。本章我們了解了一些圖形基本構(gòu)成元素，還了解了我們可以對(duì)它們進(jìn)行哪些設(shè)置。下章我們將介紹一下FCF的XML。七、FusionCharts Free和XMLFusionCharts使用XML來(lái)創(chuàng)建和控制圖形。數(shù)據(jù)類(lèi)型在FCF里，一共有四種數(shù)據(jù)類(lèi)型。Boolean 它的值為0或1，1表示true，0表示false。例如graph showNames=39。139。 。Number 它的值應(yīng)該是一個(gè)數(shù)值。例如graph yAxisMaxValue=39。20039。 。String 它的值是一個(gè)字符串。例如graph caption=39。My Chart39。 。Hex Color Code 它表示一個(gè)16進(jìn)制的顏色，不需要用“”。例如graph bgColor=39。FFFFDD39。 。每個(gè)圖形都有很多屬性，我們都可以通過(guò)XML對(duì)它進(jìn)行設(shè)置，但是，我們并不需要對(duì)每一個(gè)屬性都進(jìn)行設(shè)置，因?yàn)樗鼈兌加幸粋€(gè)默認(rèn)值，如果我們沒(méi)有設(shè)置，F(xiàn)CF會(huì)使用默認(rèn)值來(lái)替代。FCF里有幾種類(lèi)型的XML結(jié)構(gòu)：?jiǎn)蜗盗袌D形單系列圖形是指只有一個(gè)數(shù)據(jù)集的圖形。例如，我們的第一個(gè)例子，每月銷(xiāo)售情況 ，就是一個(gè)單系列圖形（我們只有一年的數(shù)據(jù)）。我們并沒(méi)有對(duì)數(shù)據(jù)進(jìn)行比較，例如，比較兩年的每月銷(xiāo)售情況。我們看看下面的例子。圖片11. graphcaption=39。BusinessResults200639。xAxisName=39。Month39。yAxisName=39。Revenue39。showValues=39。039。 2. numberPrefix=39。$39。decimalPrecision=39。039。bgcolor=39。F3f3f339。bgAlpha=39。7039。showColumnShadow=39。139。 3. divlinecolor=39。c5c5c539。divLineAlpha=39。6039。showAlternateHGridColor=39。139。alternateHGridColor=39。f8f8f839。 4. alternateHGridAlpha=39。6039。 5. setname=39。Jan39。value=39。2740039。color=39。AFD8F839。/ 6. setname=39。Feb39。value=39。2980039。color=39。F6BD0F39。/ 7. setname=39。Mar39。value=39。2580039。color=39。8BBA0039。/ 8. setname=39。Apr39。value=39。2680039。color=39。FF8E4639。/ 9. setname=39。May39。value=39。2960039。color=39。008E8E39。/ 10. setname=39。Jun39。value=39。3260039。color=39。D6464639。/ 11. setname=39。Jul39。value=39。3180039。color=39。8E468E39。/ 12. setname=39。Aug39。value=39。3670039。color=39。58852639。/ 13. setname=39。Sep39。value=39。2970039。color=39。B3AA0039。/ 14. setname=39。Oct39。value=39。3190039。color=39。008ED639。/ 15. setname=39。Nov39。value=39。3480039。color=39。9D080D39。/ 16. setname=39。Dec39。value=39。2480039。color=39。A186BE39。/ 17. 18. trendlines 19. linestartValue=39。2600039。color=39。91C72839。displayValue=39。Target39。showOnTop=39。139。/ 20. /trendlines 21. 22. /graph 上面的代碼里多了一些我們沒(méi)接觸過(guò)的屬性，沒(méi)關(guān)系，在圖形XML參考一章我們將詳細(xì)介紹所有的圖形可用的屬性。下面進(jìn)行一下簡(jiǎn)單的解釋graph元素是所有FCF XML文檔的主元素。它描述數(shù)據(jù)的開(kāi)始和結(jié)束。它還有一些屬性可以控制圖形。這些屬性我們?cè)趫D形XML參考一章會(huì)講到。set元素是graph的子元素，它描述一個(gè)數(shù)據(jù)集，這個(gè)數(shù)據(jù)集決定了圖形上的數(shù)據(jù)。一個(gè)典型的set元素看起來(lái)就像這樣：1. setname=39。Jan39。value=39。2740039。color=39。AFD8F839。hoverText=January,17400link=?month=janshowName=1/ trendLines 元素，它可以在圖形上畫(huà)出一條趨勢(shì)線。例如，下面的代碼里，我們?cè)?6000這個(gè)值畫(huà)出了一條線，用來(lái)表示月平均銷(xiāo)售額。1. linestartValue=39。2600039。color=39。91C72839。displayValue=39。Target39。showOnTop=39。139。/ 多系列圖形多系列圖形被用來(lái)比較兩個(gè)或更多的數(shù)據(jù)集。我們看看下面的代碼。圖片11. graphcaption=39。BusinessResults2005v200639。xAxisName=39。Month39。yAxisName=39。Revenue39。 2. showValues=39。039。numberPrefix=39。$39。decimalPrecision=39。039。bgcolor=39。F3f3f339。bgAlpha=39。7039。 3. showColumnShadow=39。139。divlinecolor=39。c5c5c539。divLineAlpha=39。6039。showAlternateHGridColor=39。139。 4. alternateHGridColor=39。f8f8f839。alternateHGridAlpha=39。6039。 5. 6. categories 7. categoryname=39。Jan39。/ 8. categoryname=39。Feb39。/ 9. categoryname=39。Mar39。/ 10. categoryname=39。Apr39。/ 11. categoryname=39。May39。/ 12. categoryname=39。Jun39。/ 13. categoryname=39。Jul39。/ 14. categoryname=39。Aug39。/ 15. categoryname=39。Sep39。/ 16. categoryname=39。Oct39。/ 17. categoryname=39。Nov39。/ 18. categoryname=39。Dec39。/ 19. /categories 20. 21. datasetseriesName=39。200639。color=39。c4e3f739。 22. setvalue=39。2740039。/ 23. setvalue=39。2980039。/ 24. setvalue=39。2580039。/ 25. setvalue=39。2680039。/ 26. setvalue=39。2960039。/ 27. setvalue=39。3260039。/ 28. setvalue=39。3180039。/ 29. setvalue=39。3670039。/ 30. setvalue=39。2970039。/ 31. setvalue=39。3190039。/ 32. setvalue=39。3480039。/ 33. setvalue=39。2480039。/ 34. /dataset 35. 36. datasetseriesName=39。200539。color=39。Fad35e39。 37. setvalue=39。1000039。/ 38. setvalue=39。1150039。/ 39. setvalue=39。1250039。/ 40. setvalue=39。1500039。/ 41. setvalue=39。1100039。/ 42. setvalue=39。980039。/ 43. setvalue=39。1180039。/ 44. setvalue=39。1970039。/16