來自使用ajax的mysql的高圖數據

我想創建一個折線圖來顯示我的數據庫實時數據。來自使用ajax的mysql的高圖數據

我每隔100微秒就會向數據庫中添加新數據。

我使用ajax來檢查新數據。

這是我的代碼：

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 

<script type="text/javascript"> 
$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container' 
     }, 
     xAxis: { 
      type: 'datetime', 
      tickPixelInterval: 150, 
      maxZoom: 20 * 1000 
     }, 

     series: [{ 
      name: 'Random data', 
      data: [] 
     }] 
    }); 

    $('#button').click(function() { 
     $.get('data.php', function(data) { 
     chart.series[0].setData(data); 
     }); 
    }); 
}); 
</script> 
    </head> 

    <body> 
    <div id="container" style="width: 100%; height: 400px"></div> 
    <button id="button">Set new data</button> 
    </body> 
</html>

的data.php返回如下：

[ 
[Date.UTC(0000, 00, 00, 11, 11, 47, 7), 144], 
[Date.UTC(0000, 00, 00, 11, 11, 47, 17), 143], 
[Date.UTC(0000, 00, 00, 11, 11, 47, 29), 142], 
[Date.UTC(0000, 00, 00, 11, 11, 47, 39), 141], 
]

不過，這並不在我的圖表顯示出來。

你能幫我做這個工作嗎？

來源

2012-06-05 user1436974