【正文】 9。67139。May39。/setcolor=39。49439。 7. yAxisName=39。46239。name=39。color=39。96039。name=39。9D080D39。pluginspage= 2. headbe/setname=39。58852639。value=39。 12. 15. /body如果你想在服務(wù)器端就進(jìn)行編碼，那就使用你的編程語言提供的URL編碼方法。七、FusionCharts Free和XMLFusionCharts使用XML來創(chuàng)建和控制圖形。FFFFDD39。yAxisName=39。bgAlpha=39。2740039。set2680039。set3180039。set name=39。 18. startValue=39。caption=39。showValues=39。name=39。name=39。2740039。/set 29. 2970039。/setvalue=39。139。現(xiàn)在我們來看看這兩個(gè)Y軸：主Y軸表示2005和2006的銷售額，柱狀圖和這個(gè)主Y軸對(duì)應(yīng)。Quantity39。F3f3f339。6039。75039。name=39。name=39。name=39。/categoriesvalue=39。value=39。value=39。seriesName=39。value=39。value=39。/set/color=39。00990039。 54. 32039。 58. 47039。 62. 36039。在每個(gè)數(shù)據(jù)集里，我們都必須用parentYAxis屬性來指定它是屬于哪個(gè)軸。實(shí)際上，我們可以在次軸上也設(shè)置兩個(gè)數(shù)據(jù)集，一個(gè)表示2005年每月的數(shù)量，一個(gè)表示2006年的。1. HTMLSCRIPT=color=39。color=39。 = id=chart1div0)。name=39。input 來看看下面的代碼。amp。=value=39。 如果你要使用中文，還是用第一種方法吧。普通的超鏈接 theAFD8F839。DemoLinkPages/39。2180039。Apr39。 8. 200639。F6BD0F39。nDemoLinkPages/39。2380039。May39。 9. /graphF6BD0F39。自動(dòng)格式化數(shù)字FCF會(huì)自動(dòng)的給你的數(shù)字加上K（千）或M（百萬），如下圖。039。12339。D6464639。name=39。value=39。link=39。color=39。subcaption=39。DemoLinkPages/39。008E8E39。name=39。value=39。link=39。Summary39。 /setLANGUAGE=JavaScript 上面的代碼非常淺顯，就不做解釋了。btnPie39。onClick=javaScript:updateChart(39。button39。Show chart1Id, 21. chart. 11. 那么，在FCF里，是怎么實(shí)現(xiàn)上面的需求的呢？簡單點(diǎn)說，思路是這樣的：使用JavaScript加載第一個(gè)圖形（如柱狀圖），至于是用dataXML方法，還是dataURL方法，都可以。...200539。 63. 42039。 59. 31039。 55. 27039。anchorRadius=39。/set/setvalue=39。 36. value=39。value=39。value=39。P39。name=39。name=39。name=39。alternateHGridAlpha=39。divlinecolor=39。decimalPrecision=39。PYAxisName=39。）。displayValue=39。value=39。/ 38. 200539。set/3180039。 27. set/name=39。showAlternateHGridColor=39。bgAlpha=39。 set元素是graph的子元素，它描述一個(gè)數(shù)據(jù)集，這個(gè)數(shù)據(jù)集決定了圖形上的數(shù)據(jù)。 21. A186BE39。 15. Oct39。color=39。name=39。name=39。name=39。6039。My Chart39。Hover Caption（提示信息）你可以設(shè)置hover caption background提示框的背景，hover caption border提示框的邊框，hover caption data separator character提示信息的分割字符。所以我給大家推薦的最佳模式是使用setDataURL()方法，并且使用JavaScript來加載圖形。/script/setOct39。value=39。FF8E4639。Mar39。Units39。 10. 9. DIV. 5. bodydataXML=pleteXMLData 而原來我們放到FlashVars的兩個(gè)參數(shù)chartWidth，chartHeight，則被放到了SWF文件地址的后面。width=600value=39。8E468E39。name=39。color=39。name=39。name=quality9D080D39。name=39。96039。color=39。name=39。46239。yAxisName=39。 3. OBJECT 34. /html250)。type=text/javascript 26. myChartId3,/scriptmyChart23D/divContainerscript1. (chartdiv)。myChartId,1. scriptdivsrc=../FusionCharts//script 2. /objectsrc=../FusionCharts/codebase=,0,0,0到這里，第一個(gè)圖表就做完了，感覺怎么樣？你是覺得簡單呢，容易呢，還是小Case呢？不過，這里我有個(gè)小問題，yAxisName屬性如果是中文的話，顯示不出來。 上面的代碼，其實(shí)就是一個(gè)顯示flash的簡單標(biāo)記。type=application/xshockwaveflashbody/B3AA0039。color=39。96039。value=39。三月39。name=39。setyAxisName=39。設(shè)置SWF文件我們還要在c:\FusionCharts下建一個(gè)叫FusionCharts的文件夾。Gantt Chart FCF支持上面的22種圖形，對(duì)于大部分人來說，都足夠了。當(dāng)然，有些情況下，并不需要與服務(wù)器的交互（比如，你直接使用JavaScript來嵌入，而不用jsp或php。這份文檔我們的網(wǎng)站上也有，地址是。 FusionCharts DOM更加容易地把圖表加載到你的頁面上。FusionCharts free ，主要做了以下改動(dòng)：二、下載及安裝下載你可以在下面的地址下載它。當(dāng)然，并不是說它一定要叫這個(gè)名字，也不是一定要在根目錄下。Funnel Chart 例如，我們創(chuàng)建一個(gè)叫c:\FusionCharts 的文件夾。xAxisName=39。 2. setname=39。六月39。value=39。37639。color=39。A186BE39。 5. height=500/chartHeight=500 10. width=600比如。name=movie 8. 。= 3. id=chartdiv1Chart 18. =()。FusionCharts(../FusionCharts/, 2. bodyvalue=../FusionCharts/?chartWidth=600amp。xAxisName=39。Jan39。F6BD0F39。value=39。Jun39。/setcolor=39。76139。MonthlyformatNumberScale=39。value=39。/setcolor=39。62939。name=39。A186BE39。 。 4. /headappearscript500)。Month39。49439。name=39。B3AA0039。 13. 這時(shí)我們就需要使用setDataURL()方法。DIV lines（刻度線）你可以設(shè)置Trend Line（趨勢線），Zero Plane（零平面），Div Line（刻度線）等的一些屬性。 。Businessc5c5c539。/value=39。2480039。/它描述數(shù)據(jù)的開始和結(jié)束。link=?month=janshowOnTop=39。bgcolor=39。divLineAlpha=39。/category 11. Jun39。/category 19. value=39。value=39。1000039。set/set 46. 2290039。/datasetcolor=39。 55. /graph八、FusionCharts Free和組合圖XML本章我們來看看什么是組合圖形，以及它的XML是怎么寫的。vshowValues=39。showColumnShadow=39。alternateHGridColor=39。 8. Apr39。 12. Aug39。 16. Dec39。200639。2980039。 25. 3260039。 29. 3190039。 33. numberPrefix=39。 38. 1500039。 42. value=39。value=39。seriesName=39。 66. parentYAxis=39。你還可以采用AJAX技術(shù)，來實(shí)現(xiàn)頁面無刷新，這樣用戶的體驗(yàn)會(huì)更好一些。setsetcolor=39。 instancescript= 29. 31. value=39。)。 /div 17. color=39。 18. 21. onClick=javaScript:updateChart(39。 ...caption=39。value=39。name=39。FF8E4639。DemoLinkPages/39。2760039。Saleslink=39。value=39。name=39。008E8E39。nDemoLinkPages/39。如果你沒有指定這個(gè)屬性的值，那么FCF默認(rèn)會(huì)顯示小數(shù)位后面2位小數(shù)。如果你不想這樣，你就加上如下的代碼：1. graph如下：1. setJun39。2960039。nDemoLinkPages/39。8BBA0039。name=39。 9. /graphMay39。2380039。DemoLinkPages/39。F6BD0F39?！钡茸址?，所以需要編碼。想要在FCF圖形里加連接，你只需要在數(shù)據(jù)集里加上一個(gè)link屬性即可。十、FCF中的下鉆在我們開發(fā)圖形報(bào)表時(shí)，你可能會(huì)遇到這樣的需求：用戶要求點(diǎn)擊柱狀圖的某根柱子，可查看它的詳細(xì)數(shù)據(jù)。type=39。 color=39。name=39。chart1Id, 14. /SCRIPTSRC=../../FusionCharts//SCRIPT 2. /)。frmUpdate39。 chart1Id,name=39。Hours SCRIPT 更多的圖形和Flash文件的對(duì)應(yīng)關(guān)系，請(qǐng)參見九、動(dòng)態(tài)改變圖形的類型和數(shù)據(jù)在前面的章節(jié)里，我們已經(jīng)了解了圖形的基本使用方法以及圖形XML，現(xiàn)在我們已經(jīng)有能力做出基本的圖形了，如果你現(xiàn)在就把它應(yīng)用到你的項(xiàng)目里，我認(rèn)為沒有任何問題，而且我也相信你還能舉一反三地，發(fā)展出一些“新”的用法。例如我們的代碼里，在主軸上有兩個(gè)銷售額數(shù)據(jù)集“2005”和“2006”：1. datasetvalue=39。value=39。value=39。anchorSides=39。 50. set/setparentYAxis=39。/set/set/set/category/category/category139。7039。如果你沒有提供兩個(gè)，圖形就不會(huì)正確顯示。 每個(gè)category就表示X軸上的一個(gè)名稱。 53. 2080039。 47. set/value=39。/ 37. value=39。value=39。200639。category/Jul39。 12. category/alternateHGridColor=39。showColumnShadow=39。numberPrefix=39。2005color=39。 /trendlinesvalue=39。/8E468E39。 10. FF8E4639。 7. AFD8F839。showColumnShad