我正在使用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数据库中每列的图表 感谢
答案 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