Witam wszystkich,
proszę o wsparcie. Opiszę w skrócie swój projekt.
Arduino zbiera dane z kilku czujników temperatury i zapisuje je w bazie danych, na serwerze.
Dane te pobieram z bazy i wyświetlam w formie tabelarycznej (kod w pliku)
Chciałbym również te dane przedstawić w formie graficznej. Nie potrafię zbudować tablicy, nie znam składni. Nie mogę znaleźć wskazówek w internecie.
W tej chwili wyświetla się przykładowy punkt ale chciałbym wyświetlić wartości od temper0 do temper5 w zależności od timeStamp
Tak to wygląda teraz
https://files.fm/u/x6b4gg8f
Z góry dziękuję za wsparcie
oto kod pliku:
<head>
<title>Arduino WWW</title>
<?php
include("connect2.php");
$link=Connection();
$result=mysql_query("SELECT * FROM `ruchLog` ORDER BY `timeStamp` DESC LIMIT 3",$link);
?>
<h1>Czujnik temperatury</h1>
<table class="table table-hover">
<thead>
<tr>
<td><b> Data odczytu </b></td>
<td><b> Piec Wy </b></td>
<td><b> CW We </b></td>
<td><b> CW Wy </b></td>
<td><b> Dom </b></td>
<td><b> Gab1 </b></td>
<td><b> Gab2 </b></td>
</tr>
</thead>
<?php
if($result!==FALSE)
{
while($row = mysql_fetch_array($result))
{
printf("<tr>
<td> %s</td>
<td> %s </td>
<td> %s </td>
<td> %s </td>
<td> %s </td>
<td> %s </td>
<td> %s </td>
</tr>",
$row["timeStamp"],
$row["temper0"],
$row["temper1"],
$row["temper2"],
$row["temper3"],
$row["temper4"],
$row["temper5"]
);
}
mysql_free_result($result);
mysql_close();
}
?>
</table>
<!-- Wykres wlasny z php - start -->
<?php
$dataPoints = array
(array (timeStamp, "y" => 20)
/* array("x" => 220, "y" => temper1),
array("x" => 230, "y" => 20.35),
array("x" => 1451586600000, "y" => 2140000) */
);
?>
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
title:{
text: "Rozkład temperatury w czasie"
},
data: [
{
type: "spline",
dataPoints: <?php echo json_encode($dataPoints, JSON_NUMERIC_CHECK); ?>
}]
});
chart.render();
}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>
<!-- Wykres wlasny z php - koniec -->
</body>
</html>