如何解决谷歌图表车速表值更新
我正在尝试更新速度计的值,但它只取了我的 sqlite 的第一个值。 我从 gps 中提取数据,将它们放入数据库中,然后通过“选择”将数据放入 PHP 页面,页面的一部分具有简单的输出,其中包含速度、纬度和经度等动态值,以及setInterval 我只刷新我需要的一个 div,但是我不能使用速度计。感谢我的基本经验。
<!DOCTYPE html>
<html>
<head>
<title>RPi Cam Preview</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="js/script.js"></script>
<!-- <link rel="stylesheet" href="css/style_minified.css" />
--> <link rel="stylesheet" href="css/Telemetry.css" />
<script src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body onload="setTimeout('init(0,25,1);',100);">
<h1 data-text="back in black">Manufacturer a kart with alternatives energies</h1>
<h2>Spain<spam>⚡</spam>Kart</h2>
<?PHP
ini_set("display_errors",1);
error_reporting(E_ALL);
$connect = new sqlite3('/home/pi/Desktop/erasmuskart/erasmuskart.db');
$res = $connect->query('SELECT * FROM datos');
echo " <div id='datoss'>";
while ($row = $res->fetchArray()) {
echo "</br> Latitud: {$row['latitude']} N</br>";
echo "Longitud: {$row['longitude']} W</br>";
echo "VeLocidad: {$row['speed']}";
$l="{$row['speed']}";
echo "</br>Vel: $l";
}
echo "</div>";
?>
<script>
<script type="text/javascript">
google.charts.load('current',{'packages':['gauge']});
google.charts.setonLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Label','Value'],['Kmh',<?PHP
$res = $connect->query('SELECT * FROM datos');
while ($row = $res->fetchArray()) {
echo "{$row['speed']}";
}
?>
],]);
var options = {
width: 400,height: 120,redFrom: 90,redTo: 100,yellowFrom:75,yellowTo: 90,minorTicks: 5
};
var chart = new google.visualization.Gauge(document.getElementById('chart_div'));
chart.draw(data,options);
}
</script>
<div id="chart_div" style="width: 500px; height: 150px; position: relative;"></div>
<script>
var $datos = $("#datoss");
setInterval(function () {
$datos.load("Telemetry2.PHP #datoss");
},3000);
</script>
<div id="chart_div" style="width: 500px; height: 150px; position: relative;"></div>
<script>
var $datos = $("#datoss");
setInterval(function () {
$datos.load("Telemetry2.PHP #datoss");
},3000);
</script>
<center>
<div><img id="mjpeg_dest" onclick="toggle_fullscreen(this);" /></div>
</center>
<div class="logo">
<img src="assets/logo Prieto.png" id="logo_Prieto" class="gwd-img-1fsi">
<img src="assets/logo Erasmus.png" id="logo_Erasmus" class="gwd-img-wis0">
<img src="assets/logo CN2.png" id="logo_CN2" class="gwd-img-1n4m">
</div>
<img src="assets/Testigo hidrógeno verde.png" id="IMG_1" class="gwd-img-yjir">
<iframe id="maps" width="600" height="450" style="border: 0px;" allowfullscreen="" loading="lazy" class="gwd-iframe-1ruk" id="Map" src="https$
<!-- <iframe id="maps" width="600" height="450" style="border: 0px;" allowfullscreen="" loading="lazy" class="gwd-iframe-1ruk" id="Map" src="h$
-->
</body>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。