Php直播谷歌排行榜

时间:2014-09-23 23:20:41

标签: php mysql

我正在使用mysql的图表,我希望每10秒更新一次。

我的数据库是关于天气的,并通过arduino天气屏蔽收集数据.... 当我点击该页面时我可以显示图表,但我想每5秒更新一次数据库中记录的数据,这是我的代码希望有人可以提供帮助:

<?php
function tempf($input,$name){
global $conn;

echo ' <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([
                    ["Year", "'.$name.'"],';
    $resultValue = mysqli_query($conn, "SELECT * FROM daily ORDER BY timeStamp DESC LIMIT 200 ");
    if(mysqli_num_rows($resultValue)>0){
        while($rowValue = mysqli_fetch_array($resultValue)){
             echo '["'.$rowValue['timeStamp'].'", '.$rowValue[''.$input.''].'],';
        }
    }
     echo ']);

                  var options = {
                    title: "Graph"
                  };

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

}


?>

我使用此页面获取mysql数据库中每列的图表 感谢

1 个答案:

答案 0 :(得分:1)

使用Javascript完成此操作非常简单,无需刷新页面,用此替换您的行chart.draw(数据,选项):

function update(){

  timerId = setTimeout(function () {
    chart.draw(data, options);
  }, 5000);

}

update();

如果你想在web开发上有更多关于javascript,jquery和php的tuto,请看看:http://www.newvibe.ca/92weblessons