實時更新谷歌圖表，php，mySQL

我有項目溫度mesuare使用mySQL存儲數據的beaglebone。我能夠顯示谷歌圖表形式MySQL使用PHP，但我不能實時更新它，任何人都可以幫助我，非常感謝。實時更新谷歌圖表，php，mySQL

<html> 
<head> 
    <title>BeagleBone Temperature</title> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Time', 'Temperature'], 
      <?php 
       $con = mysqli_connect("localhost", "hoangviet", "hoangviet", "test"); 

       $query = "SELECT * FROM TempMeas"; // form table 
       $result = mysqli_query($con, $query); 

       mysqli_close($con); 

       while ($row = mysqli_fetch_array($result)) 
       { 
        $time = $row['MeasTime']; 
        $temp = $row['Temp']; 
        echo "['$time', $temp],"; 
       } 
      ?> 
     ]); 

     var options = { 
      title: 'BeagleBone Measured Temperature', 
      vAxis: { title: "Degrees Celsius" } 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
</head> 
<body> 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
</body> 
</html>

來源

2015-11-15 Viet Hoang

實時更新意味着您希望不更新就更新它？ – sandeepsure

沒錯，你能幫助我嗎？ –

你需要每30秒調用一次ajax，它將是同步的方式。 – sandeepsure

嗯。我想逆向阿賈克斯將適合你的需要。其中一種類型是輪詢，其中你不需要每隔30秒或通過ajax調用某個函數。它會在事件之後立即更新或觸發功能。現在有許多選擇實時應用程序的選項，其中一個可能是node.js，也可以是角度js，如果要實現實時Web應用程序，還可以閱讀套接字編程。希望有所幫助。

來源

2015-11-15 06:30:45

實時更新谷歌圖表，php，mySQL

回答

相關問題