climachart.php

<?php

// Incluindo arquivo de conexão
require_once('../conn.php');

// Selecionando a informação contida no banco de dados
$sql = "SELECT * FROM log_climatico ORDER BY id DESC LIMIT 1000";
$resultado = mysqli_query($conn, $sql);
$resultado2 = mysqli_query($conn, $sql);

// Array associativo
$dadoclima = mysqli_fetch_array($resultado, MYSQLI_ASSOC);

if ($dadoclima) {

//Resposta
echo "🌡️";
echo $dadoclima['temperatura'];
echo "ºc é a temperatura no quarto da Bianca!";

echo "<br>⬅️Recente, 

➡️Antigo";


}


if ($time) {
	echo $dadoclima['temperatura'];
} 

	$temperatura = $dadoclima['temperatura'];
	$horario2 = $dadoclima['horario2'];
  $horario = $dadoclima['horario'];



?>


<canvas class="line-chart"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js" ></script>
<br>
<br>
<script type="text/javascript">


const labels = [ <?php while($dado_clima = mysqli_fetch_assoc($resultado)){ echo $dado_clima['horario2']; echo ", "; }?>];
const data = {
  labels: labels,
  datasets: [{
    label: 'temperatura',
    backgroundColor: 'rgb(255, 99, 132)',
    borderColor: 'rgb(255, 99, 132)',
    data: [<?php while($dado_clima2 = mysqli_fetch_assoc($resultado2)){ echo $dado_clima2['temperatura']; echo ", "; }?>],
  }]
};
var ctx = document.getElementsByClassName("line-chart");
var chartGraph = new Chart(ctx, { 
	type: 'line',
  data: data,
  options: {}
	})
</script>