【正文】 or=39。/setDec39。value=39。A186BE39。/ 18. 19. startValue=39。91C72839。displayValue=39。139。 20. 21. 下面進(jìn)行一下簡(jiǎn)單的解釋graph元素是所有FCF XML文檔的主元素。它還有一些屬性可以控制圖形。set元素是graph的子元素，它描述一個(gè)數(shù)據(jù)集，這個(gè)數(shù)據(jù)集決定了圖形上的數(shù)據(jù)。name=39。2740039。color=39。17400showName=1/ 例如，下面的代碼里，我們?cè)?6000這個(gè)值畫出了一條線，用來(lái)表示月平均銷售額。startValue=39。91C72839。displayValue=39。139。我們看看下面的代碼。caption=39。ResultsvMonth39。yAxisName=39。 2. showValues=39。$39。decimalPrecision=39。F3f3f339。bgAlpha=39。139。divlinecolor=39。6039。showAlternateHGridColor=39。f8f8f839。alternateHGridAlpha=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。seriesName=39。c4e3f739。 22. set2740039。/ 23. set2980039。/ 24. set2580039。/ 25. set2680039。/ 26. set2960039。/ 27. set3260039。/ 28. set3180039。/ 29. set3670039。/ 30. set2970039。/ 31. set3190039。/ 32. set3480039。/ 33. set2480039。/ 34. /dataset 35. 36. dataset200539。color=39。value=39。/ 38. set1150039。value=39。/ 40. set1500039。value=39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。startValue=39。91C72839。displayValue=39。139。name=39。上面還有兩個(gè)dataset元素，一個(gè)用來(lái)表示2006年的數(shù)據(jù)，一個(gè)表示2005年。注意categories的子元素的數(shù)量應(yīng)該和dataset子元素的一致。下一章我們來(lái)看看組合圖的XML。什么是組合圖形當(dāng)我們想在一張圖形里表示多個(gè)圖形類型時(shí)，我們就要用到組合圖。）。FCF里組合圖分為2D和3D，下面的圖形就是一個(gè)2D雙Y軸組合圖?，F(xiàn)在我們來(lái)看看這兩個(gè)Y軸：主Y軸表示2005和2006的銷售額，柱狀圖和這個(gè)主Y軸對(duì)應(yīng)。在雙Y軸圖形里，我們必須提供至少兩個(gè)數(shù)據(jù)集，一個(gè)對(duì)應(yīng)主Y軸，一個(gè)對(duì)應(yīng)次Y軸。代碼上圖的XML代碼如下：1. graphBusiness2005200639。PYAxisName=39。Quantity39。 2. xAxisName=39。039。decimalPrecision=39。F3f3f339。bgAlpha=39。139。divlinecolor=39。6039。showAlternateHGridColor=39。f8f8f839。alternateHGridAlpha=39。75039。 5. 6. name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。name=39。/categories 20. 21. seriesName=39。P39。color=39。$39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。value=39。/dataset 35. 36. seriesName=39。P39。color=39。$39。value=39。value=39。value=39。value=39。value=39。value=39。/ 43. set1180039。/ 44. set1970039。/ 45. set2170039。/ 46. set2190039。/ 47. set2290039。/ 48. set2080039。/ 49. datasetTotalS39。color=39。1039。 52. anchorRadius=39。00990039。 53. set27039。/ 54. set32039。/ 55. set29039。/ 56. set32039。/ 57. set31039。/ 58. set32039。/ 59. set34039。/ 60. set47039。/ 61. set42039。/ 62. set44039。/ 63. set480/ 64. set36039。/ 65. 在雙Y軸組合圖里，有兩個(gè)Y軸，每個(gè)Y軸都可以有它自己的刻度和數(shù)值格式屬性。在每個(gè)數(shù)據(jù)集里，我們都必須用parentYAxis屬性來(lái)指定它是屬于哪個(gè)軸。P代表主軸，S代表次軸。seriesName=39。P39。... 4. 5. dataset200539。parentYAxis=39。 在次軸上有一個(gè)數(shù)量數(shù)據(jù)集：1. datasetTotalS39。...實(shí)際上，我們可以在次軸上也設(shè)置兩個(gè)數(shù)據(jù)集，一個(gè)表示2005年每月的數(shù)量，一個(gè)表示2006年的。注意在運(yùn)行這個(gè)例子是，從上圖我們可以看出，它是column和line的組合。那我們就開始吧。舉個(gè)例子來(lái)說(shuō)，在一個(gè)頁(yè)面上，顯示了一個(gè)月銷售額的柱狀圖，但用戶要求還可以查看月銷售額的餅圖，區(qū)域圖。這樣的做法并沒有什么不妥。只是程序員累一點(diǎn)而已。那么，在FCF里，是怎么實(shí)現(xiàn)上面的需求的呢？簡(jiǎn)單點(diǎn)說(shuō)，思路是這樣的：使用JavaScript加載第一個(gè)圖形（如柱狀圖），至于是用dataXML方法，還是dataURL方法，都可以。就是這么簡(jiǎn)單。1. HTMLHEADLANGUAGE=Javascript 4. SCRIPT 5. var=caption=39。worked39。showNames=39。name=39。3239。color=39。/ 7. name=39。1639。color=39。/setJane39。value=39。8BBA0039。 8. * 10. * 11. functionanotherofchart. 14. var=FusionCharts(chartSWF,400,0, 16. (chart1div)。} 18. /SCRIPT/HEAD 21. id=chart1divFusionCharts 23. 24. language=JavaScriptchart1newchart1Id,300,0)。 27. (chart1div)。/script 30. name=39。Show 32. inputbutton39。value=39。../../FusionCharts/39。btnColumn39。/type=39。Line39。onClick=javaScript:updateChart(39。)。name=39。 34. inputbutton39。value=39。../../FusionCharts/39。btnPie39。/ 36. 37. /BODY 上面的代碼非常淺顯，就不做解釋了。那么為什么還要單獨(dú)來(lái)講解這個(gè)呢？因?yàn)镕CF給我們提供了一個(gè)更簡(jiǎn)單的方法，那就是updateChartXML(domid,data)。來(lái)看看下面的代碼。HEAD 3. TITLEFusionChartsamp。JavaScriptUpdatingusingMethod/TITLELANGUAGE=JavascriptLANGUAGE=JavaScript 6. updateChart(DOMId){ 7. updateChartXML(domId,graphsetA39。value=39。/HEAD 11. id=chart1div 13. language=JavaScriptvar=FusionCharts(../../FusionCharts/,400,(graphsetA39。value=39。D6464639。/setB39。value=39。AFD8F839。//graph)。(chart1div)。 20. formfrmUpdate39。inputbutton39。value=39。chart1Id39。btnUpdate39。 22. /form這種方案看起來(lái)，好像是比較好。如果你要使用中文，還是用第一種方法吧。想用嗎？拿錢來(lái)！下章我們來(lái)講講FCF的下鉆圖形，聽上去很專業(yè)，其實(shí)就是圖形的連接，包括超連接，JavaScript。其他的一些基于java的圖形報(bào)表組件，如jfreechart，也可以實(shí)現(xiàn)加連接的功能，但是使用起來(lái)還是有點(diǎn)麻煩的。通過(guò)前面的章節(jié)，你應(yīng)該知道，F(xiàn)CF的使用非常簡(jiǎn)單，你只需要關(guān)注你的數(shù)據(jù)如何產(chǎn)生就可以了。加連接也是如此。FCF支持三種類型的連接：普通的超鏈接如下：1. setvalue=39。link=39。 是的，因?yàn)槟愕倪B接里可能會(huì)含有“?”，“amp。FCF在載入這個(gè)連接時(shí)，會(huì)對(duì)它進(jìn)行解碼，解碼后上例中的連接就是“?Month=Jan”。我們看一個(gè)完整的例子。graphMonthlySummary39。subcaption=39。the200639。 2. Month39。yAxisName=39。$39。name=39。1740039。link=39。AFD8F839。/ 4. setFeb39。value=39。DemoLinkPages/39。color=39。name=39。2180039。link=39。8BBA0039。/ 6. setApr39。value=39。DemoLinkPages/39。color=39。name=39。2960039。link=39。008E8E39。/ 8. setJun39。value=39。DemoLinkPages/39。color=39。新窗口超鏈接如果你想在一個(gè)新的窗口打開頁(yè)面，只需要在連接的前面加上“n”，就像下面的代碼一樣：1. graphMonthlySummary39。subcaption=39。the200639。 2. xAxisName=39。Sales39。numberPrefix=39。 3. setJan39。value=39。nDemoLinkPages/39。color=39。name=39。1980039。link=39。F6BD0F39。/ 5. setMar39。value=39。nDemoLinkPages/39。color=39。name=39。2380039。link=39。FF8E4639。/ 7. setMay39。value=39。nDemoLinkPages/39。color=39。name=39。2760039。link=39。D6464639。/ 9. /graph JavaScript連接 我們還可以加上JavaScript連接，在連接里，你可以調(diào)用任何在本頁(yè)可以調(diào)用到的JavaScript函數(shù)。name=39。12339。link=JavaScript:myJS(39。12339。F6BD0F39。 下圖是一個(gè)點(diǎn)擊連接后彈出提示框的例子。這在FCF里實(shí)現(xiàn)起來(lái)非常容易?？刂菩?shù)位位數(shù)所有的FCF圖形都支持decimalPrecision屬性，這個(gè)屬性是用來(lái)指定小數(shù)位的位數(shù)的。這個(gè)屬性是全局的，也就是說(shuō)，它對(duì)這個(gè)圖形上的所有數(shù)字都起作用。039。同樣的， ， ，并且沒有指定decimalPrecision的值。自動(dòng)格式化數(shù)字FCF會(huì)自動(dòng)的給你的數(shù)字加上K（千）或M（百萬(wàn)），如下圖。FCF會(huì)自動(dòng)地把這些數(shù)字轉(zhuǎn)化為以千為單位，或是以百萬(wàn)為單位。formatNumberScale=39。..decimalPrecisi