【文章內容簡介】 0。 12. (chartdiv)。 13. /script 14. 15. /body 16. /html 17. 原來我們調用的是setDataURL()方法，而現(xiàn)在是setDataXML()方法，它的參數(shù)則是一個完整的XML字符串。不管我們使用什么方法，我們都能得到一樣的結果。setDataXML()方法的問題我們知道，在使用GET方法得到參數(shù)時，瀏覽器對參數(shù)值的長度是有一定的限制的，所以，如果XML字符過長，可能會產生問題。這時我們就需要使用setDataURL()方法。如果你的XML字符里含有雙字節(jié)字符，例如中文字符，你就不能使用setDataXML()方法，你應該使用setDataURL()方法。最佳模式在我們的實際應用里，數(shù)據不可能是靜態(tài)的，它可能是有用戶選擇查詢條件，然后提交給服務器，服務器返回一個查詢的結果，?year=2008。所以我給大家推薦的最佳模式是使用setDataURL()方法，并且使用JavaScript來加載圖形。在使用setDataURL()方法時，如果地址里含有“?”、“amp?！钡茸址憔托枰獙@個地址進行URL編碼。在JavaScript里進行編碼，使用escape(url)這個函數(shù)。如果你想在服務器端就進行編碼，那就使用你的編程語言提供的URL編碼方法。()。六、圖形的基本元素在我們了解了FCF的各種使用方法以后，我們就會發(fā)現(xiàn)，其實我們要做出各種不同的Flash圖形，最關鍵的就是那個XML數(shù)據。它不但可以描述圖形的數(shù)據，還可以描述圖形的樣式。大家可能迫不及待的想要了解XML的細節(jié)，別急，在此之前，我們需要搞清楚圖形的組成部分，比如什么是X軸，什么是Y軸，什么是圖形背景，什么是是圖形邊框。只有了解這些以后，我們才能做出我們相應的圖形。圖形背景和畫布對于3D圖形，你可以設置canvas background（畫布背景）和Chart Background（圖形背景）的顏色，還可以設置它們是否可見。對于2D圖形，你可以設置canvas background color（畫布背景顏色），background alpha（背景透明度），canvas border color（畫布邊框顏色），canvas border thickness（畫布邊框厚度）等屬性。Chart Labels（圖形標簽）你可以設置caption（標題）, sub caption（子標題）, xaxis name（X軸標簽）, yaxis name（Y軸標簽）, yaxis max limit（Y軸最大值）， yaxis min limit（Y軸最小值）, number Prefix（數(shù)值前綴）, number Suffix（數(shù)值后綴），Chart Legend（圖例）。DIV lines（刻度線）你可以設置Trend Line（趨勢線），Zero Plane（零平面），Div Line（刻度線）等的一些屬性。Alternating（間隔色）你可以設置Alternating Colored Horizontal Grids（垂直表格間隔色）以及透明度，Alternating Colored Vertical Grids（水平表格間隔色）以及透明度。Hover Caption（提示信息）你可以設置hover caption background提示框的背景，hover caption border提示框的邊框，hover caption data separator character提示信息的分割字符。Anchors（錨點）你可以設置Anchors（錨點）的shape（形狀）, radius（半徑）, border color（邊框顏色）, thickness（邊框厚度）, alpha（邊框透明度）, background color（背景顏色）, background alpha（背景透明度） 等屬性。本章我們了解了一些圖形基本構成元素，還了解了我們可以對它們進行哪些設置。下章我們將介紹一下FCF的XML。七、FusionCharts Free和XMLFusionCharts使用XML來創(chuàng)建和控制圖形。數(shù)據類型在FCF里，一共有四種數(shù)據類型。Boolean 它的值為0或1，1表示true，0表示false。例如graph showNames=39。139。 。Number 它的值應該是一個數(shù)值。例如graph yAxisMaxValue=39。20039。 。String 它的值是一個字符串。例如graph caption=39。My Chart39。 。Hex Color Code 它表示一個16進制的顏色，不需要用“”。例如graph bgColor=39。FFFFDD39。 。每個圖形都有很多屬性，我們都可以通過XML對它進行設置，但是，我們并不需要對每一個屬性都進行設置，因為它們都有一個默認值，如果我們沒有設置，F(xiàn)CF會使用默認值來替代。FCF里有幾種類型的XML結構：單系列圖形單系列圖形是指只有一個數(shù)據集的圖形。例如，我們的第一個例子，每月銷售情況 ，就是一個單系列圖形（我們只有一年的數(shù)據）。我們并沒有對數(shù)據進行比較，例如，比較兩年的每月銷售情況。我們看看下面的例子。圖片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 上面的代碼里多了一些我們沒接觸過的屬性，沒關系，在圖形XML參考一章我們將詳細介紹所有的圖形可用的屬性。下面進行一下簡單的解釋graph元素是所有FCF XML文檔的主元素。它描述數(shù)據的開始和結束。它還有一些屬性可以控制圖形。這些屬性我們在圖形XML參考一章會講到。set元素是graph的子元素，它描述一個數(shù)據集，這個數(shù)據集決定了圖形上的數(shù)據。一個典型的set元素看起來就像這樣：1. setname=39。Jan39。value=39。2740039。color=39。AFD8F839。hoverText=January,17400link=?month=janshowName=1/ trendLines 元素，它可以在圖形上畫出一條趨勢線。例如，下面的代碼里，我們在26000這個值畫出了一條線，用來表示月平均銷售額。1. linestartValue=39。2600039。color=39。91C72839。displayValue=39。Target39。showOnTop=39。139。/ 多系列圖形多系列圖形被用來比較兩個或更多的數(shù)據集。我們看看下面的代碼。圖片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