道長A的地盤

          http://Java.Im 這個網址NB吧?是道長的新網站,您不去看看嗎?
          隨筆 - 28, 文章 - 1, 評論 - 73, 引用 - 0
          數據加載中……

          [AJava原創]FusionCharts Free中文開發指南[使用文檔教程]第十章--FCF中的下鉆

          在我們開發圖形報表時,你可能會遇到這樣的需求:用戶要求點擊柱狀圖的某根柱子,可查看它的詳細數據。其他的一些基于java的圖形報表組件,如jfreechart,也可以實現加連接的功能,但是使用起來還是有點麻煩的。其實它不光是加連接麻煩,正個使用起來都很麻煩,需要你在后臺編寫大量的代碼。通過前面的章節,你應該知道,FCF的使用非常簡單,你只需要關注你的數據如何產生就可以了。至于如何產生圖形,并不需要你編一行代碼。加連接也是如此。
           FCF支持三種類型的連接:
           1、普通的超鏈接,在同一個窗口打開新的頁面。
           2、普通的超鏈接,在新窗口打開新的頁面。
           3、JavaScript連接。

           普通的超鏈接


           我們先來看看第一種情況。
           想要在FCF圖形里加連接,你只需要在數據集里加上一個link屬性即可。如下:

          <set  value='2235'  link='ShowDetails.asp%3FMonth%3DJan' > 



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

           我們看一個完整的例子。

           <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


          當我們把鼠標移到每個柱子上時,鼠標會變成連接樣式,點擊它,就會在新的窗口里打開相應的頁面。

          新窗口超鏈接


          如果你想在一個新的窗口打開頁面,只需要在連接的前面加上“n-”,就像下面的代碼一樣:

          <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>


          JavaScript連接

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

          <set name='Japan' value='123' link="JavaScript:myJS('Japan, 123');" color='F6BD0F'/> 



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


          圖片1

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

          AJava.org --一個Java門戶! 轉載請以連接方式注明來自AJava.org

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

          主站蜘蛛池模板: 林芝县| 德阳市| 阿克陶县| 蛟河市| 乐清市| 佛坪县| 炎陵县| 南投市| 尉氏县| 湘潭县| 四川省| 剑河县| 云南省| 容城县| 托克托县| 赤峰市| 缙云县| 四子王旗| 汝城县| 富裕县| 尖扎县| 唐山市| 南阳市| 包头市| 昭觉县| 永和县| 留坝县| 玉山县| 新绛县| 岳阳县| 洛隆县| 南汇区| 东兴市| 信丰县| 会同县| 布拖县| 甘洛县| 麻栗坡县| 云龙县| 阿克陶县| 微博|