【正文】 =39。/value=39。color=39。/trendlines 這些屬性我們在圖形XML參考一章會(huì)講到。color=39。/2005Revenue39。numberPrefix=39。showColumnShadow=39。alternateHGridColor=39。 5. 8. /Mar39。category 12. /Jul39。category 16. /Nov39。category/categories200639。value=39。value=39。value=39。seriesName=39。 37. /1250039。value=39。set 43. /1970039。set 47. /2080039。 50. 53. 56. 每個(gè)category就表示X軸上的一個(gè)名稱。FCF提供了雙Y軸組合圖，它有兩個(gè)Y軸，每個(gè)軸表示不同的刻度（例如，收益和數(shù)量，或者訪問量和下載量等等。如果你沒有提供兩個(gè)，圖形就不會(huì)正確顯示。7039。139。categoriescategory/category/category/category/category/category/parentYAxis=39。set/set/set/set/set/set/parentYAxis=39。set/set/set 50. Quantity39。anchorSides=39。value=39。value=39。value=39。value=39。value=39。value=39。 67. /graph例如我們的代碼里，在主軸上有兩個(gè)銷售額數(shù)據(jù)集“2005”和“2006”：1. datasetseriesName=39。更多的圖形和Flash文件的對應(yīng)關(guān)系，請參見九、動(dòng)態(tài)改變圖形的類型和數(shù)據(jù)在前面的章節(jié)里，我們已經(jīng)了解了圖形的基本使用方法以及圖形XML，現(xiàn)在我們已經(jīng)有能力做出基本的圖形了，如果你現(xiàn)在就把它應(yīng)用到你的項(xiàng)目里，我認(rèn)為沒有任何問題，而且我也相信你還能舉一反三地，發(fā)展出一些“新”的用法。難道我們一定要這么累嗎？不！其實(shí)我們可以有更好的辦法，前提是你采用了FCF作為你的報(bào)表解決方案。 SCRIPT HoursTom39。Mary39。name=39。//graph。/*當(dāng)用戶單擊按鈕時(shí)調(diào)用這個(gè)方法。 12. 13. thechart1Id,(strXML)。 FusionCharts(../../FusionCharts/,frmUpdate39。type=39。)。/name=39。 2. 4. SRC=../../FusionCharts//SCRIPTSCRIPT3239。} /SCRIPT 14. 15. chart1Id,name=39。color=39。 /scripttype=39。)。 23. /HTML十、FCF中的下鉆在我們開發(fā)圖形報(bào)表時(shí)，你可能會(huì)遇到這樣的需求：用戶要求點(diǎn)擊柱狀圖的某根柱子，可查看它的詳細(xì)數(shù)據(jù)。普通的超鏈接，在同一個(gè)窗口打開新的頁面。想要在FCF圖形里加連接，你只需要在數(shù)據(jù)集里加上一個(gè)link屬性即可。%3FMonth%3DJan39?！钡茸址?，所以需要編碼。SalesSales39。F6BD0F39。setDemoLinkPages/39。2380039。/May39。color=39。link=39。 9. /graph$39。name=39。8BBA0039。setnDemoLinkPages/39。2960039。/Jun39。color=39。如下：1. setJapan,例如，如果你設(shè)置decimalPrecision=39。如果你不想這樣，你就加上如下的代碼：1. graph上圖中，三個(gè)數(shù)字分別代表12500，13400，13300。如果你沒有指定這個(gè)屬性的值，那么FCF默認(rèn)會(huì)顯示小數(shù)位后面2位小數(shù)。/nDemoLinkPages/39。set008E8E39。name=39。value=39。 4. link=39。Sales/2760039。DemoLinkPages/39。setFF8E4639。name=39。value=39。 3. yearcaption=39。我們發(fā)現(xiàn)URL是經(jīng)過了編碼的。...我們先來看看第一種情況。你可能會(huì)想，既然有updateChartXML方法，那是不是有updateChartURL方法呢？我們用它不就可以了嗎？是的，是有這個(gè)方法，不過，F(xiàn)usionCharts Free版本里沒有，只有FusionCharts版本里有。 onClick=javaScript:updateChart(39。 21. 18. 1139。color=39。 17. newscript/divFusionCharts 8. SCRIPT 1. HTML)。type=39。btnLine39。value=39。onClick=javaScript:updateChart(39。 31. form 29. 28. = 25. script/divnewinstance 9. color=39。F6BD0F39。setAFD8F839。setgraphLANGUAGE=JavaScript你還可以采用AJAX技術(shù)，來實(shí)現(xiàn)頁面無刷新，這樣用戶的體驗(yàn)會(huì)更好一些。大家可以自己練習(xí)一下。parentYAxis=39。...這個(gè)屬性的值只能是“P”或“S”。 66. 8BBA0039。seriesName=39。/datasetvalue=39。value=39。value=39。980039。 42. 1500039。 40. 1150039。 38. numberPrefix=39。200539。2480039。 33. 3190039。 31. 3670039。 29. 3260039。 27. 2680039。 25. 2980039。 23. numberPrefix=39。200639。Dec39。 18. Oct39。 16. Aug39。 14. Jun39。 12. Apr39。 10. Feb39。 8. alternateHGridColor=39。showColumnShadow=39。showValues=39。v次Y軸表示數(shù)量，曲線圖和次Y軸對應(yīng)。八、FusionCharts Free和組合圖XML本章我們來看看什么是組合圖形，以及它的XML是怎么寫的。/ 55. /graph/color=39。 52. /datasetset2290039。/ 46. set1180039。/ 42. setvalue=39。1000039。value=39。value=39。value=39。dataset 19. categoryOct39。/ 15. categoryJun39。/ 11. categoryFeb39。/ 7. 4. divLineAlpha=39。 3. bgcolor=39。039。BusinessshowOnTop=39。2600039。link=?month=janvalue=39。它描述數(shù)據(jù)的開始和結(jié)束。/color=39。trendlines2480039。 16. Nov39。color=39。value=39。/name=39。 name=39。 name=39。alternateHGridColor=39。c5c5c539。7039。Revenue39。Business 。 。數(shù)據(jù)類型在FCF里，一共有四種數(shù)據(jù)類型。DIV lines（刻度線）你可以設(shè)置Trend Line（趨勢線），Zero Plane（零平面），Div Line（刻度線）等的一些屬性。()。這時(shí)我們就需要使用setDataURL()方法。 13. 96039。color=39。B3AA0039。/setname=39。Jul39。value=39。49439。color=39。name=39。decimalPrecision=39。Month39。500)。scriptreplacedappear 7. 4. /head 。/A186BE39。/setname=39。Oct39。value=39。62939。color=39。FF8E4639。/setMar39。value=39。formatNumberScale=39。Units39。Monthlyvalue=39。76139。color=39。58852639。/setname=39。Jun39。value=39。F6BD0F39。/setJan39。xAxisName=39。name=FlashVarsvalue=../FusionCharts/?chartWidth=600amp。id=Column3D 2. body最后的效果如下：圖片1下篇文章本道將講述如何使用非獨(dú)立的數(shù)據(jù)文件作為數(shù)據(jù)來源。 FusionCharts(../FusionCharts/,id=chartdiv4()。= 18. scriptChart FusionCharts(../FusionCharts/,id=chartdiv1 3. 很顯然使用JavaScript加載圖形，更方便，更直觀。 第一個(gè)參數(shù)是SWF文件的地址。=1. divmyChart 7. 。 10. /html 8. quality=highname=qualityname=movie四、使用JavaScript加載圖形在上篇文章里，我們做出了第一個(gè)圖形報(bào)表，我們是直接在HTML里使用OBJECT和EMBED標(biāo)記來加載圖形的。比如。因此，為了保證我們的應(yīng)用能夠在大多數(shù)瀏覽器上運(yùn)行，我們就需要加上embed參數(shù)，并且值和param完全相同。width=600 10. chartHeight=500/height=500 5. Firstname屬性用來表示月份名稱，value屬性表示銷售額，color屬性表示圖形顏色。A186BE39。setcolor=39。37639。 10. value=39。/六月39。name=39。FF8E4639。setcolor=39。46239。 2. xAxisName=39。在這個(gè)例子里，我們準(zhǔn)備展示一年里每個(gè)月的銷售情況。例如，我們創(chuàng)建一個(gè)叫c:\FusionCharts 的文件夾。例如，我們現(xiàn)在要?jiǎng)?chuàng)建的是3D柱狀圖形。Funnel Chart 圖形類型文件名當(dāng)然，并不是說它一定要叫這個(gè)名字，也不是一定要在根目錄下。這些文件能夠幫你用一種友好的方式把圖形嵌入到html頁面。二、下載及安裝下載你可以在下面的地址下載它。 FusionCharts free ，主要做了以下改動(dòng)：FusionCharts Free則是FusionCharts提供的一個(gè)免費(fèi)版本，雖然免費(fèi)，功能依然強(qiáng)大，圖形類型依然豐富。 FusionCharts DOM更加容易地把圖表加載到你的頁面上。 增加了在FusionCharts使用UTF8編碼的示例。這份文檔我們的網(wǎng)站上也有，地址是。你也可以通過文檔左邊的菜單Sample Charts來訪問它。當(dāng)然，有些情況下，并不需要與服務(wù)器的交互（比如，你直接使用JavaScript來嵌入，而不用jsp或php。Stacked Charts Stacked Column 3D Stacked Column 2DStacked Bar 2DStacked Area 2D Gantt Chart FCF支持上面的22種圖形，對于大部分人來說，都足夠了。FCF只接受基于XML格式的數(shù)據(jù)。設(shè)置SWF文件我們還要在c:\FusionCharts下建一個(gè)叫FusionCharts的文件夾?，F(xiàn)在我們按照上表中的數(shù)據(jù)，保存在c:\FusionCharts\MyFirstChart文件夾下。yAxisName=39。setAFD8F839。name=39。三月39。/value=39。 7. 96039。color=39。setB3AA0039。name=39。十一月39。/ 4. bodyparamparamflashVars=amp。type=application/xshockwaveflash 上面的代碼，其實(shí)就是一個(gè)顯示flash的簡單標(biāo)記。，SWF的路徑設(shè)置不正確。到這里，第一個(gè)圖表就做完了，感覺怎么樣？你是覺得簡單呢，容易呢，還是小Case呢？不過，這里我有個(gè)小問題，yAxisName屬性如果是中文的話，顯示不出來。 2. ...codebase=,0,0,0name=Fla