亚洲vr精品在着在线观看,东京热无码av男人的天堂,国产av无码专区亚洲aw

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

原創(chuàng)|使用教程|編輯：郝浩|2013-09-06 14:25:25.000|閱讀 1629 次

概述：使用FusionCharts的時候，用戶可以通過設(shè)置簡單的JavaScript代碼，用于更改圖表上的數(shù)據(jù)。先創(chuàng)建一個簡單的圖表,然后改變它的數(shù)據(jù)(請參見下面的代碼)。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

在使用FusionCharts的時候，用戶可以先創(chuàng)建一個簡單的圖表,然后改變它的數(shù)據(jù)(請參見下面的代碼)。圖表最初據(jù)顯示8月份的銷售數(shù)據(jù),當(dāng)用戶點擊按鈕時改為顯示9月份的銷售數(shù)據(jù)。每個月都有單獨的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)建了一個圖表,數(shù)據(jù)存在于AugustData.xml文件中。然后創(chuàng)建了一個HTML按鈕,用于調(diào)用一個JavaScript函數(shù)chageMonth()。在這個函數(shù)有: