PHP - Google gauge - Piero Tofy.it

Forum - PHP - Google gauge

StefanoV (Normal User)
Newbie

Messaggi: 2
Iscritto: 27/11/2020

Postato alle 8:26
Venerdì, 27/11/2020

Ciao e' la prima volta che mi interfaccio con il php e sto trovando difficoltà con questo pezzo di codice. In pratica ricevo da remoto ogni tre secondi 3 variabili e quello che vorrei ottenere e' di visualizzarle tramite google gauge. Non capisco dove sbaglio ma mi visualizza sempre 0 in tutti e tre i gauge.

Codice sorgente - presumibilmente Php

<?php 
    $IntTemp=$_POST["IntTemp"];
    $ExtTemp1=$_POST["ExtTemp1"];
    $ExtTemp2=$_POST["ExtTemp2"];
 
    $Write="<p>Internal Temperature: "          . $IntTemp  . " Celsius </p>". 
           "<p>External Temperature Sensor 1: " . $ExtTemp1 . " Celsius </p>". 
           "<p>External Temperature Sensor 2: " . $ExtTemp2 . " Celsius </p>";
    file_put_contents('sensor.html',$Write);   
 ?>
 
<!DOCTYPE HTML>
<html>
  <head>
    
   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   <script type="text/javascript">
      google.charts.load('current', {'packages':['gauge']});
      google.charts.setOnLoadCallback(drawChart);
 
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Label', 'Value'],
          ['IntTemp', <?php echo (float)$IntTemp; ?>],
          ['ExtTemp1', <?php echo (float)$ExtTemp1; ?>],
          ['ExtTemp2', <?php echo (float)$ExtTemp2; ?>]
        ]);
 
        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>
  </head>
  <body>
    <div id="chart_div" style="width: 400px; height: 120px;"></div>
  </body>
</html>

Ultima modifica effettuata da StefanoV il 27/11/2020 alle 8:27

alex1995 (Normal User)
Expert

Messaggi: 294
Iscritto: 27/01/2011

Postato alle 19:20
Sabato, 16/07/2022

ho copiato il tuo codice e l' ho provato e funziona, sicuramente è un problema della richiesta post che non arriva.
prova a aggiungere print_r della variabile post.

Codice sorgente - presumibilmente Plain Text

<?php
 
    print_r($_POST);
        $IntTemp=$_POST["IntTemp"];
        $ExtTemp1=$_POST["ExtTemp1"];
        $ExtTemp2=$_POST["ExtTemp2"];
     
        $Write="<p>Internal Temperature: "          . $IntTemp  . " Celsius </p>".
               "<p>External Temperature Sensor 1: " . $ExtTemp1 . " Celsius </p>".
               "<p>External Temperature Sensor 2: " . $ExtTemp2 . " Celsius </p>";
        file_put_contents('sensor.html',$Write);  
     ?>
     
    <!DOCTYPE HTML>
    <html>
      <head>
       
       <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <script type="text/javascript">
          google.charts.load('current', {'packages':['gauge']});
          google.charts.setOnLoadCallback(drawChart);
     
          function drawChart() {
            var data = google.visualization.arrayToDataTable([
              ['Label', 'Value'],
              ['IntTemp', <?php echo (float)$IntTemp; ?>],
              ['ExtTemp1', <?php echo (float)$ExtTemp1; ?>],
              ['ExtTemp2', <?php echo (float)$ExtTemp2; ?>]
            ]);
     
            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>
      </head>
      <body>
        <div id="chart_div" style="width: 400px; height: 120px;"></div>
      </body>
    </html>