Diskuze: Pomoc neprogramátorovi s PHP kodem - vyčítání dat z mySQL
V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Pavel Korotvička:4.12.2017 18:45
- Právě na tvorbě toho JSON jsem zkolaboval. Dám dohromady popis mySQL a co jsem stvořil.Nahodím to sem a třeba někdo pomůže.
- Klidně bych si to zaplatil, nevím co jsou drobné, ale už takhle táhneme
materiál a další věci zatím ze svého
- Arduino má paměť 32K, takže je to pasé, mimoto umím na LCD dělat graf z dat v Arduinu, to WWW má být další ADD-ON, aby to bylo zajímavější - displeje jsou drahé.
Pavel Korotvička:5.12.2017 16:19
Konečné řešení, Google graf ze 3 měřených hodnot.
mySQL
ID(int); timestamp(TIMESTAMP); teplota(float); napeti(float); solar(float)
<?php
/* Database Name */
$DB_NAME = 'database';
/* Database Host */
$DB_HOST = 'localhost';
/* Your Database User Name and Passowrd */
$DB_USER = 'user';
$DB_PASS = '123456';
/* Establish the database connection */
$mysqli = new mysqli($DB_HOST, $DB_USER, $DB_PASS, $DB_NAME);
if (mysqli_connect_errno()) {
printf("Connect failed: %s\n", mysqli_connect_error());
exit();
}
/* vyber tabulku pro graf */
$result = $mysqli->query('SELECT * FROM arduino_data');
$rows = array();
$table = array();
$table['cols'] = array(
/* vyber data zobrazovaná v grafu */
array('label' => 'timestamp', 'type' => 'string'),
array('label' => 'teplota', 'type' => 'number'),
array('label' => 'napeti', 'type' => 'number'),
array('label' => 'solar', 'type' => 'number')
);
/* Extract the information from $result */
foreach($result as $r) {
$temp = array();
// The following line will be used to slice the Pie chart
$temp[] = array('v' => (string) $r['timestamp']);
// Values of the each slice
$temp[] = array('v' => (float) $r['teplota']);
//$rows[] = array('c' => $temp);
$temp[] = array('v' => (float) $r['napeti']);
//$rows[] = array('c' => $temp);
$temp[] = array('v' => (float) $r['solar']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
// convert data into JSON format
$jsonTable = json_encode($table);
echo $jsonTable;
?>
<html>
<head>
<!--Load the Ajax API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
function drawChart() {
// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(<?=$jsonTable?>);
var options = {
title: 'Teplota - ARDUINO 01',
//is3D: 'true',
width: 800,
height: 600
};
// Instantiate and draw our chart, passing in some options.
// Do not forget to check your div ID
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!--this is the div that will hold the pie chart-->
<div id="chart_div"></div>
</body>
</html>
Akceptované řešení
+5 Zkušeností
+5 Zkušeností
Zobrazeno 11 zpráv z 11.