나는 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 데이터베이스의 모든 열에 대한 차트를 가져옵니다. 감사합니다.
페이지를 새로 고치지 않고 Javascript로 수행하는 것은 매우 간단합니다. line chart.draw (data, options)를 다음과 같이 바꾸십시오.
function update(){
timerId = setTimeout(function () {
chart.draw(data, options);
}, 5000);
}
update();
javascript, jquery 및 php에 대한 웹 개발에 대한 자세한 내용을 보려면 http://www.newvibe.ca/92weblessons를 참조하십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다