谷歌图表车速表值更新

问题描述

我正在尝试更新速度计的值，但它只取了我的 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 (将#修改为@）

gauge

谷歌图表车速表值更新

问题描述

解决方法

相关问答