<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    道長A的地盤

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

    [AJava原創]FusionCharts Free中文開發指南[使用文檔教程]第五章--FusionCharts Free使用dataXML加載數據

    在前面的例子里,我們使用的數據都是一個單獨的XML文件,它可以被很多需要它的文件來調用。但是有的時候,我們可能不需要單獨的文件,這時,我們就可以使用dataXML 方法來進行數據的調用。


    使用dataXML提供數據


    dataXML 和dataURL都可以提供數據,dataURL是以把XML文件地址以URL的形式告訴FCF,如一個靜態的文件Data.xml,或者是一個動態的文件,如mydata.jsp(頁面返回XML格式的文本)。dataXML則是以XML文本的形式告訴FCF。可能有點不好理解,看看下面的代碼就知道了。

    <html>   
    <body bgcolor="#ffffff">   
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="500" id="Column3D" >   
       
    <param name="movie" value="../FusionCharts/FCF_Column3D.swf?chartWidth=600&chartHeight=500" />   
       
    <param name="FlashVars" value="&dataXML=<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'><set name='Jan' value='462' color='AFD8F8' /><set name='Feb' value='857' color='F6BD0F' /><set name='Mar' value='671' color='8BBA00' /><set name='Apr' value='494' color='FF8E46'/><set name='May' value='761' color='008E8E'/><set name='Jun' value='960' color='D64646'/><set name='Jul' value='629' color='8E468E'/><set name='Aug' value='622' color='588526'/><set name='Sep' value='376' color='B3AA00'/><set name='Oct' value='494' color='008ED6'/><set name='Nov' value='761' color='9D080D'/><set name='Dec' value='960' color='A186BE'/></graph>">   
       
    <param name="quality" value="high" />   
       
    <embed src="../FusionCharts/FCF_Column3D.swf?chartWidth=600&chartHeight=500" flashVars="&dataXML=<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'><set name='Jan' value='462' color='AFD8F8' /><set name='Feb' value='857' color='F6BD0F' /><set name='Mar' value='671' color='8BBA00' /><set name='Apr' value='494' color='FF8E46'/><set name='May' value='761' color='008E8E'/><set name='Jun' value='960' color='D64646'/><set name='Jul' value='629' color='8E468E'/><set name='Aug' value='622' color='588526'/><set name='Sep' value='376' color='B3AA00'/><set name='Oct' value='494' color='008ED6'/><set name='Nov' value='761' color='9D080D'/><set name='Dec' value='960' color='A186BE'/></graph>" quality="high" width="600" height="500" name="Column3D" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />   
    </object>   
    </body>   
    </html>   



    我們把上面的代碼保存到一個叫ChartDataXML.html的文件里。

    可以看到,FlashVars 的值是這樣的一種形式:
    <PARAM NAME="FlashVars" Value="&dataXML=completeXMLData">
    在EMBED 標記里,是這樣的:
    <EMBED ... FlashVars="&dataXML=completeXMLData">
    而原來我們放到FlashVars的兩個參數--chartWidth,chartHeight,則被放到了SWF文件地址的后面。

    使用JavaScript和dataXML


    看下面的代碼。

    <html>   
    <head>   
       
    <script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script>   
    </head>     
    <body bgcolor="#ffffff">   
       
       
    <div id="chartdiv" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div>   
       
    <script type="text/javascript">   
          
    var myChart = new FusionCharts("../FusionCharts/FCF_Column3D.swf""myChartId""600""500");    
          myChart.setDataXML(
    "<graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showNames='1' decimalPrecision='0' formatNumberScale='0'><set name='Jan' value='462' color='AFD8F8' /><set name='Feb' value='857' color='F6BD0F' /><set name='Mar' value='671' color='8BBA00' /><set name='Apr' value='494' color='FF8E46'/><set name='May' value='761' color='008E8E'/><set name='Jun' value='960' color='D64646'/><set name='Jul' value='629' color='8E468E'/><set name='Aug' value='622' color='588526'/><set name='Sep' value='376' color='B3AA00'/><set name='Oct' value='494' color='008ED6'/><set name='Nov' value='761' color='9D080D'/><set name='Dec' value='960' color='A186BE'/></graph>");    
              
          myChart.render(
    "chartdiv");    
       
    </script>   
       
    </body>   
    </html>   



    原來我們調用的是setDataURL()方法,而現在是setDataXML()方法,它的參數則是一個完整的XML字符串。

    不管我們使用什么方法,我們都能得到一樣的結果。

    setDataXML()方法的問題


    我們知道,在使用GET方法得到參數時,瀏覽器對參數值的長度是有一定的限制的,所以,如果XML字符過長,可能會產生問題。這時我們就需要使用setDataURL()方法。

    如果你的XML字符里含有雙字節字符,例如中文字符,你就不能使用setDataXML()方法,你應該使用setDataURL()方法。

    最佳模式


    在我們的實際應用里,數據不可能是靜態的,它可能是有用戶選擇查詢條件,然后提交給服務器,服務器返回一個查詢的結果,比如search.jsp?year=2008。所以我給大家推薦的最佳模式是使用setDataURL()方法,并且使用JavaScript來加載圖形。

    在使用setDataURL()方法時,如果地址里含有“?”、“&”等字符,你就需要對這個地址進行URL編碼。在JavaScript里進行編碼,使用escape(url)這個函數。如果你想在服務器端就進行編碼,那就使用你的編程語言提供的URL編碼方法。在java里進行編碼的函數是java.net.URLEncoder.encode()。
    本文原始地址:http://ajava.org/hot/fusioncharts/872.html



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

    posted on 2009-03-22 21:57 道長A@ajava.org 閱讀(1503) 評論(1)  編輯  收藏 所屬分類: FusionCharts 開發指南

    評論

    # re: [AJava原創]FusionCharts Free中文開發指南[使用文檔教程]第五章--FusionCharts Free使用dataXML加載數據  回復  更多評論   

    嗯,很不錯。比jfreechart容易多了。
    2009-03-23 08:53 | ziyoo0830
    主站蜘蛛池模板: 亚洲第一成年人网站| 亚洲欧洲日产国码无码网站| 亚洲欧洲高清有无| 久久久久久一品道精品免费看| 亚洲精品国产美女久久久| 韩国免费a级作爱片无码| 久久精品亚洲福利| a级成人毛片免费图片| 亚洲精品午夜无码专区| 久久青草国产免费观看| 亚洲精品成人图区| 成人免费视频77777| 亚洲一卡2卡三卡4卡无卡下载| 麻豆国产人免费人成免费视频| 女bbbbxxxx另类亚洲| 亚洲精品无码久久不卡| 怡红院免费全部视频在线视频| 久久久久亚洲AV成人无码| 91高清免费国产自产| 亚洲av成人一区二区三区在线播放| 国产成人精品免费视频软件| jizz免费观看视频| 亚洲男人都懂得羞羞网站| 一个人免费观看www视频在线| 亚洲Aⅴ在线无码播放毛片一线天| 亚洲国产a级视频| 国产成人免费AV在线播放 | 亚洲国产精品无码第一区二区三区 | 免费人成激情视频在线观看冫| 久久伊人久久亚洲综合| 成人免费视频77777| 一级做a爰片久久毛片免费陪| 亚洲国产精品VA在线观看麻豆| 67pao强力打造国产免费| 狠狠综合亚洲综合亚洲色| 亚洲精品无码永久中文字幕| 91免费资源网站入口| 国产vA免费精品高清在线观看| 亚洲日本va在线观看| 亚洲天堂在线视频| 在线看片v免费观看视频777|