【正文】 。 12. functionupdateChart(chartSWF){ 13. //Createanotherinstanceofthechart. 14. varchart1=newFusionCharts(chartSWF,chart1Id,400,300,0,0)。 15. (strXML)。 16. (chart1div)。 17. } 18. /SCRIPT 19. /HEAD 20. BODY 21. divid=chart1div 22. FusionCharts 23. /div 24. scriptlanguage=JavaScript 25. varchart1=newFusionCharts(../../FusionCharts/,chart1Id,400,300,0,0)。 26. (strXML)。 27. (chart1div)。 28. /script 29. 30. formname=39。frmUpdate39。 31. Showas: 32. inputtype=39。button39。value=39。Column39。onClick=javaScript:updateChart(39。../../FusionCharts/39。)。name=39。btnColumn39。/ 33. inputtype=39。button39。value=39。Line39。onClick=javaScript:updateChart(39。../../FusionCharts/39。)。name=39。btnLine39。/ 34. inputtype=39。button39。value=39。Pie39。onClick=javaScript:updateChart(39。../../FusionCharts/39。)。name=39。btnPie39。/ 35. /form 36. /CENTER 37. /BODY 38. /HTML 上面的代碼非常淺顯，就不做解釋了。動態(tài)改變圖形的數(shù)據(jù)我們已經(jīng)會動態(tài)改變圖形的類型了，動態(tài)改變數(shù)據(jù)和上面的原來一樣，我們只需要在新建實例的時候，傳入新的數(shù)據(jù)就可以了。那么為什么還要單獨來講解這個呢？因為FCF給我們提供了一個更簡單的方法，那就是updateChartXML(domid,data)。它的第一個參數(shù)就是我們在創(chuàng)建FusionCharts實例時設(shè)置的圖形domid，第二個參數(shù)是XML數(shù)據(jù)字符。來看看下面的代碼。1. HTML 2. HEAD 3. TITLEFusionChartsFreeamp。JavaScriptUpdatingchartusingsetDataXML()Method/TITLE 4. SCRIPTLANGUAGE=JavascriptSRC=../../FusionCharts//SCRIPT 5. SCRIPTLANGUAGE=JavaScript 6. functionupdateChart(DOMId){ 7. updateChartXML(domId,graphsetname=39。A39。value=39。3239。//graph)。 8. } 9. /SCRIPT 10. /HEAD 11. BODY 12. divid=chart1div 13. FusionCharts 14. /div 15. scriptlanguage=JavaScript 16. varchart1=newFusionCharts(../../FusionCharts/,chart1Id,400,300)。 17. (graphsetname=39。A39。value=39。1039。color=39。D6464639。/setname=39。B39。value=39。1139。color=39。AFD8F839。//graph)。 18. (chart1div)。 19. /script 20. formname=39。frmUpdate39。 21. inputtype=39。button39。value=39。改變數(shù)據(jù)39。onClick=javaScript:updateChart(39。chart1Id39。)。name=39。btnUpdate39。 22. /form 23. /HTML 當(dāng)我們單擊”改變數(shù)據(jù)“按鈕后，會調(diào)用updateChart()方法，它會使用新的數(shù)據(jù)來重新構(gòu)建圖形。這種方案看起來，好像是比較好。然而，在前面我們說了，使用dataXML方法加載數(shù)據(jù)時，不能含有中文字符，同理，使用updateChartXML方法，也不能有中文字符。如果你要使用中文，還是用第一種方法吧。你可能會想，既然有updateChartXML方法，那是不是有updateChartURL方法呢？我們用它不就可以了嗎？是的，是有這個方法，不過，F(xiàn)usionCharts Free版本里沒有，只有FusionCharts版本里有。想用嗎？拿錢來！下章我們來講講FCF的下鉆圖形，聽上去很專業(yè)，其實就是圖形的連接，包括超連接，JavaScript。十、FCF中的下鉆在我們開發(fā)圖形報表時，你可能會遇到這樣的需求：用戶要求點擊柱狀圖的某根柱子，可查看它的詳細(xì)數(shù)據(jù)。其他的一些基于java的圖形報表組件，如jfreechart，也可以實現(xiàn)加連接的功能，但是使用起來還是有點麻煩的。其實它不光是加連接麻煩，正個使用起來都很麻煩，需要你在后臺編寫大量的代碼。通過前面的章節(jié)，你應(yīng)該知道，F(xiàn)CF的使用非常簡單，你只需要關(guān)注你的數(shù)據(jù)如何產(chǎn)生就可以了。至于如何產(chǎn)生圖形，并不需要你編一行代碼。加連接也是如此。FCF支持三種類型的連接：普通的超鏈接，在同一個窗口打開新的頁面。普通的超鏈接，在新窗口打開新的頁面。JavaScript連接。普通的超鏈接我們先來看看第一種情況。想要在FCF圖形里加連接，你只需要在數(shù)據(jù)集里加上一個link屬性即可。如下：1. set...value=39。223539。...link=39。%3FMonth%3DJan39。... 我們發(fā)現(xiàn)URL是經(jīng)過了編碼的。是的，因為你的連接里可能會含有“?”，“amp?！钡茸址孕枰幋a。FCF在載入這個連接時，會對它進(jìn)行解碼，解碼后上例中的連接就是“?Month=Jan”。我們看一個完整的例子。1. graphcaption=39。MonthlySalesSummary39。subcaption=39。Fortheyear200639。 2. xAxisName=39。Month39。yAxisName=39。Sales39。numberPrefix=39。$39。 3. setname=39。Jan39。value=39。1740039。link=39。DemoLinkPages/39。color=39。AFD8F839。/ 4. setname=39。Feb39。value=39。1980039。link=39。DemoLinkPages/39。color=39。F6BD0F39。/ 5. setname=39。Mar39。value=39。2180039。link=39。DemoLinkPages/39。color=39。8BBA0039。/ 6. setname=39。Apr39。value=39。2380039。link=39。DemoLinkPages/39。color=39。FF8E4639。/ 7. setname=39。May39。value=39。2960039。link=39。DemoLinkPages/39。color=39。008E8E39。/ 8. setname=39。Jun39。value=39。2760039。link=39。DemoLinkPages/39。color=39。D6464639。/ 9. /graph 如果把上面的數(shù)據(jù)用柱狀圖來顯示，結(jié)果如下：圖片1當(dāng)我們把鼠標(biāo)移到每個柱子上時，鼠標(biāo)會變成連接樣式，點擊它，就會在新的窗口里打開相應(yīng)的頁面。新窗口超鏈接如果你想在一個新的窗口打開頁面，只需要在連接的前面加上“n”，就像下面的代碼一樣：1. graphcaption=39。MonthlySalesSummary39。subcaption=39。Fortheyear200639。 2. xAxisName=39。Month39。yAxisName=39。Sales39。numberPrefix=39。$39。 3. setname=39。Jan39。value=39。1740039。link=39。nDemoLinkPages/39。color=39。AFD8F839。/ 4. setname=39。Feb39。value=39。1980039。link=39。nDemoLinkPages/39。color=39。F6BD0F39。/ 5. setname=39。Mar39。value=39。2180039。link=39。nDemoLinkPages/39。color=39。8BBA0039。/ 6. setname=39。Apr39。value=39。2380039。link=39。nDemoLinkPages/39。color=39。FF8E4639。/ 7. setname=39。May39。value=39。2960039。link=39。nDemoLinkPages/39。color=39。008E8E39。/ 8. setname=39。Jun39。value=39。2760039。link=39。nDemoLinkPages/39。color=39。D6464639。/ 9. /graph JavaScript連接 我們還可以加上JavaScript連接，在連接里，你可以調(diào)用任何在本頁可以調(diào)用到的JavaScript函數(shù)。如下：1. setname=39。Japan39。value=39。12339。link=JavaScript:myJS(39。Japan,12339。)。color=39。F6BD0F39。/ 下圖是一個點擊連接后彈出提示框的例子。 圖片1十一、FCF中的基本數(shù)字格式在我們的報表里，經(jīng)常要對數(shù)值進(jìn)行一些格式化，如小數(shù)位，千分位等等。這在FCF里實現(xiàn)起來非常容易。下面我們就來看看。控制小數(shù)位位數(shù)所有的FCF圖形都支持decimalPrecision屬性，這個屬性是用來指定小數(shù)位的位數(shù)的。如果你沒有指定這個屬性的值，那么FCF默認(rèn)會顯示小數(shù)位后面2位小數(shù)。這個屬性是全局的，也就是說，它對這個圖形上的所有數(shù)字都起作用。例如，如果你設(shè)置decimalPrecision=39。039。，，13，就會顯示成12，13，13。同樣的， ， ，并且沒有指定decimalPrecision的值，。如果你把decimalPrecision設(shè)置成4，。自動格式化數(shù)字FCF會自動的給你的數(shù)字加上K（千）或M（百萬），如下圖。上圖中，三個數(shù)字分別代表12500，13400，13300。FCF會自動地把這些數(shù)字轉(zhuǎn)化為以千為單位，或是以百萬為單位。如果你不想這樣，你就加上如下的代碼：1. graphformatNumberScale=39。039。..decimalPrecis