data uit de arduino: mysql lijngrafiek
12 berichten
• Pagina 1 van 2 • 1, 2
- mattheijer
- Berichten: 22
- Geregistreerd: 24 Aug 2016, 11:31
data uit de arduino: mysql lijngrafiek
Hallo allemaal,
Ik heb met mijn arduino en een DHT22 een soort weerstation gemaakt.
De data die de aduino meet (temp, luchtdruk, RV) wordt opgeslagen in en mysql database.
nu wil ik van de temp een lijngrafiek maken die uiteraard zichzelf aanpast op mijn site,
hiervoor heb ik gekozen voor hoghcharts.
alleen zie ik nu wel dat de temp allemaal gezien worden maar e staan allemaal aan de linker kant. maw er wordt niet een mooie grafiek van gemaakt.
Is er hier iemand die hier ervaring mee heeft ?
het gaat om http://www.worstenzo.com/index.php/grafiek
Ik heb met mijn arduino en een DHT22 een soort weerstation gemaakt.
De data die de aduino meet (temp, luchtdruk, RV) wordt opgeslagen in en mysql database.
nu wil ik van de temp een lijngrafiek maken die uiteraard zichzelf aanpast op mijn site,
hiervoor heb ik gekozen voor hoghcharts.
alleen zie ik nu wel dat de temp allemaal gezien worden maar e staan allemaal aan de linker kant. maw er wordt niet een mooie grafiek van gemaakt.
Is er hier iemand die hier ervaring mee heeft ?
het gaat om http://www.worstenzo.com/index.php/grafiek
Advertisement
- nicoverduin
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: data uit de arduino: mysql lijngrafiek
zet ff je script hier neer. Dan kan ik zien wat je doet. En ik neem aan dat je het over HighCharts hebt en niet HoghCharts
- mattheijer
- Berichten: 22
- Geregistreerd: 24 Aug 2016, 11:31
Re: data uit de arduino: mysql lijngrafiek
Ja klopt het gaat inderdaad over Highcharts
html code
html code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Using Highcharts with PHP and MySQL</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="js/highcharts.js" ></script>
<script type="text/javascript" src="js/themes/gray.js"></script>
<script type="text/javascript">
var chart;
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'line',
marginRight: 130,
marginBottom: 25
},
title: {
text: 'Tijd',
x: -20 //center
},
subtitle: {
text: '',
x: -20
},
xAxis: {
type: 'timestamp',
tickInterval: 3600 * 1000, // one hour
tickWidth: 0,
gridLineWidth: 1,
labels: {
align: 'center',
x: -3,
y: 20,
formatter: function() {
return Highcharts.dateFormat('%l%p', this.value);
}
}
},
yAxis: {
title: {
text: 'temperature'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
formatter: function() {
return Highcharts.dateFormat('%l%p', this.x-(1000*3600)) +'-'+ Highcharts.dateFormat('%l%p', this.x) +': <b>'+ this.y + '</b>';
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [{
name: 'Count'
}]
}
// Load data asynchronously using jQuery. On success, add the data
// to the options and initiate the chart.
// This data is obtained by exporting a GA custom report to TSV.
// http://api.jquery.com/jQuery.get/
jQuery.get('data.php', null, function(tsv) {
var lines = [];
traffic = [];
try {
// split the data return into lines and parse them
tsv = tsv.split(/\n/g);
jQuery.each(tsv, function(i, line) {
line = line.split(/\t/);
date = Date.parse(line[0] +' UTC');
traffic.push([
date,
parseInt(line[1].replace(',', ''), 10)
]);
});
} catch (e) { }
options.series[0].data = traffic;
chart = new Highcharts.Chart(options);
});
});
</script>
</head>
<body>
<div id="container" style="width: 100%; height: 400px; margin: 0 auto"></div>
</body>
</html>
- nicoverduin
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: data uit de arduino: mysql lijngrafiek
Mijn eerste reactie zou zijn dat je dezelfde datum hebt. Je kan kijken of die variabelen wel goed gevuld zijn. ff gebruik maken van bijv:
javascript code
javascript code
console.log( yourArray );
- mattheijer
- Berichten: 22
- Geregistreerd: 24 Aug 2016, 11:31
Re: data uit de arduino: mysql lijngrafiek
Dit is de data die het script moet verwerken:
2016-08-16 13:18:13 34.1 2016-08-16 13:18:14 34.1 2016-08-16 13:18:15 34.1 2016-08-16 13:18:17 34.1 2016-08-16 13:18:18 34.1 2016-08-16 13:18:19 34.1 2016-08-16 13:18:20 34.1 2016-08-16 13:18:22 34.1 2016-08-16 13:18:23 34.1 2016-08-16 13:18:24 34.1 2016-08-16 13:18:25 34.1 2016-08-16 13:18:27 34.1 2016-08-16 13:18:28 34.2 2016-08-16 13:18:29 34.2 2016-08-16 13:18:30 34.2 2016-08-16 13:18:32 34.2 2016-08-16 13:18:33 34.2 2016-08-16 13:18:34 34.2 2016-08-16 13:18:35 34.2 2016-08-16 13:18:37 34.2 2016-08-16 13:18:38 34.2 2016-08-16 13:18:39 34.2 2016-08-16 13:18:40 34.2 2016-08-16 13:18:42 34.2 2016-08-16 13:18:43 34.2 2016-08-16 13:18:45 34.2 2016-08-16 13:18:46 34.2 2016-08-16 13:18:47 34.2 2016-08-16 13:18:48 34.2 2016-08-16 13:18:50 34.2 2016-08-16 13:18:51 34.2 2016-08-16 13:18:52 34.2
ik snap niet waar het misgaat
2016-08-16 13:18:13 34.1 2016-08-16 13:18:14 34.1 2016-08-16 13:18:15 34.1 2016-08-16 13:18:17 34.1 2016-08-16 13:18:18 34.1 2016-08-16 13:18:19 34.1 2016-08-16 13:18:20 34.1 2016-08-16 13:18:22 34.1 2016-08-16 13:18:23 34.1 2016-08-16 13:18:24 34.1 2016-08-16 13:18:25 34.1 2016-08-16 13:18:27 34.1 2016-08-16 13:18:28 34.2 2016-08-16 13:18:29 34.2 2016-08-16 13:18:30 34.2 2016-08-16 13:18:32 34.2 2016-08-16 13:18:33 34.2 2016-08-16 13:18:34 34.2 2016-08-16 13:18:35 34.2 2016-08-16 13:18:37 34.2 2016-08-16 13:18:38 34.2 2016-08-16 13:18:39 34.2 2016-08-16 13:18:40 34.2 2016-08-16 13:18:42 34.2 2016-08-16 13:18:43 34.2 2016-08-16 13:18:45 34.2 2016-08-16 13:18:46 34.2 2016-08-16 13:18:47 34.2 2016-08-16 13:18:48 34.2 2016-08-16 13:18:50 34.2 2016-08-16 13:18:51 34.2 2016-08-16 13:18:52 34.2
ik snap niet waar het misgaat
- nicoverduin
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: data uit de arduino: mysql lijngrafiek
Aan je data twijfel ik niet. Ik ben meer benieuwd wat er in traffic staat. Want die geeft de data door aan de grafiek. En het lijkt erop dat die elke keer dezelfde waarde geeft.
- mattheijer
- Berichten: 22
- Geregistreerd: 24 Aug 2016, 11:31
Re: data uit de arduino: mysql lijngrafiek
Klinkt misschien heel dom maar hoe voer ik die concole.log uit ?
- nicoverduin
- Berichten: 5043
- Geregistreerd: 13 Mei 2013, 20:57
- Woonplaats: Heemskerk
Re: data uit de arduino: mysql lijngrafiek
lees en leert.....
http://www.w3schools.com/js/js_output.asp
http://www.w3schools.com/js/js_output.asp
- mattheijer
- Berichten: 22
- Geregistreerd: 24 Aug 2016, 11:31
Re: data uit de arduino: mysql lijngrafiek
uit mijn antwoorden zul je begrijpen dat ik niet zo veel kaas heb gegeten van het geheel.
Ik heb een en ander gegoogled en zo ben ik tot een geheel gekomen.
ik wil wel begrijpen wat ik doe zodat ik kan aanpassen.
als ik het later anders wil hebben.
met uw antwoorden ga ik weer puzzelen
Ik heb een en ander gegoogled en zo ben ik tot een geheel gekomen.
ik wil wel begrijpen wat ik doe zodat ik kan aanpassen.
als ik het later anders wil hebben.
met uw antwoorden ga ik weer puzzelen
- mattheijer
- Berichten: 22
- Geregistreerd: 24 Aug 2016, 11:31
Re: data uit de arduino: mysql lijngrafiek
Welke array zou je dan willen zien ?
12 berichten
• Pagina 1 van 2 • 1, 2
Wie is er online?
Gebruikers in dit forum: Geen geregistreerde gebruikers en 1 gast