Forum - PHP
- Google gauge
StefanoV (Normal User)
Newbie
Messaggi: 2
Iscritto: 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>" ;
?>
<!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: 300
Iscritto: 27/01/2011
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>