• <menu id="w2i4a"></menu>
  •
    logo Flash圖表控件 FusionCharts 使用教程
    文檔首頁(yè)>>Flash圖表控件 FusionCharts 使用教程>>JS圖表控件FusionCharts使用教程：使用JavaScript更新圖表數(shù)據(jù)

    JS圖表控件FusionCharts使用教程：使用JavaScript更新圖表數(shù)據(jù)

    在使用FusionCharts的時(shí)候，用戶可以先創(chuàng)建一個(gè)簡(jiǎn)單的圖表,然后改變它的數(shù)據(jù)(請(qǐng)參見(jiàn)下面的代碼)。圖表最初據(jù)顯示8月份的銷售數(shù)據(jù),當(dāng)用戶點(diǎn)擊按鈕時(shí)改為顯示9月份的銷售數(shù)據(jù)。每個(gè)月都有單獨(dú)的XML文件,代碼如下:

    

    <html>
 <head>
 <title>Update Chart data</title>
 <script type="text/javascript" src="../../FusionCharts/FusionCharts.js"> </script>
 </head>
 <body>
 <div id="chartContainer">FusionCharts will load here!</div>
 <script type="text/javascript">
    <!-- 
     var myChart = new FusionCharts( "../../FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" ); 
     myChart.setXMLUrl("AugustData.xml"); 
     myChart.render("chartContainer"); 
     function changeMonth() {
         var chartReference = FusionCharts("myChartId");
         chartReference.setXMLUrl("SeptemberData.xml");
     } 
    //
    -->
 </script>
 <input type="button" onClick="changeMonth();" value="Change Month"> 
</body>
</html> 
    

    
	在上面的代碼中,我們使用8月的數(shù)據(jù)創(chuàng)建了一個(gè)圖表,數(shù)據(jù)存在于AugustData.xml文件中。然后創(chuàng)建了一個(gè)HTML按鈕,用于調(diào)用一個(gè)JavaScript函數(shù)chageMonth()。 在這個(gè)函數(shù)有:
    

      
	
    • 
		使用FusionCharts(“myChartId”)追蹤圖表
      • 
	
    • 
		使用setXMLData()函數(shù)更新圖表
      • 
	
    • 
		傳遞包含9月份數(shù)據(jù)的"SeptemberData.xml"文件到setXMLData()
      • 

    

    
	最終圖表如下所示：
    

    
	JS圖表控件FusionCharts使用教程：使用JavaScript更新圖表數(shù)據(jù)
    

    
	JS圖表控件FusionCharts使用教程：使用JavaScript更新圖表數(shù)據(jù)
    
                
    
            
    
        
      
    
    

    













 

    
    
    
        掃碼咨詢
        
    
            
    
                

     添加微信 立即咨詢
    
            
    
        
    
    
    
    
    
        電話咨詢
        
    
            
    
                
    客服熱線
    023-68661681
    
            
    
        
    
    
    
    TOP

    



三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛

(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();