[AJava原創]FusionCharts Free中文開發指南[使用文檔教程]第十章--FCF中的下鉆
在我們開發圖形報表時,你可能會遇到這樣的需求:用戶要求點擊柱狀圖的某根柱子,可查看它的詳細數據。其他的一些基于java的圖形報表組件,如jfreechart,也可以實現加連接的功能,但是使用起來還是有點麻煩的。其實它不光是加連接麻煩,正個使用起來都很麻煩,需要你在后臺編寫大量的代碼。通過前面的章節,你應該知道,FCF的使用非常簡單,你只需要關注你的數據如何產生就可以了。至于如何產生圖形,并不需要你編一行代碼。加連接也是如此。
FCF支持三種類型的連接:
1、普通的超鏈接,在同一個窗口打開新的頁面。
2、普通的超鏈接,在新窗口打開新的頁面。
3、JavaScript連接。
<set
value='2235'
link='ShowDetails.asp%3FMonth%3DJan'
>
<graph caption='Monthly Sales Summary' subcaption='For the year 2006'
xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
<set name='Jan' value='17400' link='DemoLinkPages/DemoLink1.html' color='AFD8F8' />
<set name='Feb' value='19800' link='DemoLinkPages/DemoLink2.html' color='F6BD0F' />
<set name='Mar' value='21800' link='DemoLinkPages/DemoLink3.html' color='8BBA00' />
<set name='Apr' value='23800' link='DemoLinkPages/DemoLink4.html' color='FF8E46' />
<set name='May' value='29600' link='DemoLinkPages/DemoLink5.html' color='008E8E' />
<set name='Jun' value='27600' link='DemoLinkPages/DemoLink6.html' color='D64646' />
</graph>

圖片1
<graph caption='Monthly Sales Summary' subcaption='For the year 2006'
xAxisName='Month' yAxisName='Sales' numberPrefix='$'>
<set name='Jan' value='17400' link='n-DemoLinkPages/DemoLink1.html' color='AFD8F8' />
<set name='Feb' value='19800' link='n-DemoLinkPages/DemoLink2.html' color='F6BD0F' />
<set name='Mar' value='21800' link='n-DemoLinkPages/DemoLink3.html' color='8BBA00' />
<set name='Apr' value='23800' link='n-DemoLinkPages/DemoLink4.html' color='FF8E46' />
<set name='May' value='29600' link='n-DemoLinkPages/DemoLink5.html' color='008E8E' />
<set name='Jun' value='27600' link='n-DemoLinkPages/DemoLink6.html' color='D64646' />
</graph>
<set name='Japan' value='123' link="JavaScript:myJS('Japan, 123');" color='F6BD0F'/>

圖片1
本文原始地址: http://ajava.org/hot/fusioncharts/879.html

轉載請以連接方式注明來自AJava.org
FCF支持三種類型的連接:
1、普通的超鏈接,在同一個窗口打開新的頁面。
2、普通的超鏈接,在新窗口打開新的頁面。
3、JavaScript連接。
普通的超鏈接
我們先來看看第一種情況。
想要在FCF圖形里加連接,你只需要在數據集里加上一個link屬性即可。如下:




我們發現URL是經過了編碼的。是的,因為你的連接里可能會含有“?”,“&”等字符,所以需要編碼。FCF在載入這個連接時,會對它進行解碼,解碼后上例中的連接就是“ShowDetails.asp?Month=Jan”。
我們看一個完整的例子。









如果把上面的數據用柱狀圖來顯示,結果如下:

圖片1
當我們把鼠標移到每個柱子上時,鼠標會變成連接樣式,點擊它,就會在新的窗口里打開相應的頁面。
新窗口超鏈接
如果你想在一個新的窗口打開頁面,只需要在連接的前面加上“n-”,就像下面的代碼一樣:









JavaScript連接
我們還可以加上JavaScript連接,在連接里,你可以調用任何在本頁可以調用到的JavaScript函數。如下:

下圖是一個點擊連接后彈出提示框的例子。

圖片1
本文原始地址: http://ajava.org/hot/fusioncharts/879.html


posted on 2009-03-23 15:27 道長A@ajava.org 閱讀(1785) 評論(0) 編輯 收藏 所屬分類: FusionCharts 開發指南