data uit de arduino: mysql lijngrafiek

Software die niet past in bovenstaande onderwerpen
Berichten: 22
Geregistreerd: 24 Aug 2016, 11:31

data uit de arduino: mysql lijngrafiek

Berichtdoor mattheijer » 26 Aug 2016, 14:49

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

Advertisement

Gebruikers-avatar
Berichten: 5043
Geregistreerd: 13 Mei 2013, 20:57
Woonplaats: Heemskerk

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor nicoverduin » 26 Aug 2016, 15:25

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
Docent HBO Technische Informatica, Embedded ontwikkelaar & elektronicus
http://www.verelec.nl

Berichten: 22
Geregistreerd: 24 Aug 2016, 11:31

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor mattheijer » 26 Aug 2016, 15:33

Ja klopt het gaat inderdaad over Highcharts
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>

Gebruikers-avatar
Berichten: 5043
Geregistreerd: 13 Mei 2013, 20:57
Woonplaats: Heemskerk

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor nicoverduin » 26 Aug 2016, 20:42

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
console.log( yourArray );
Docent HBO Technische Informatica, Embedded ontwikkelaar & elektronicus
http://www.verelec.nl

Berichten: 22
Geregistreerd: 24 Aug 2016, 11:31

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor mattheijer » 27 Aug 2016, 10:16

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

Gebruikers-avatar
Berichten: 5043
Geregistreerd: 13 Mei 2013, 20:57
Woonplaats: Heemskerk

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor nicoverduin » 27 Aug 2016, 10:32

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.
Docent HBO Technische Informatica, Embedded ontwikkelaar & elektronicus
http://www.verelec.nl

Berichten: 22
Geregistreerd: 24 Aug 2016, 11:31

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor mattheijer » 27 Aug 2016, 10:34

Klinkt misschien heel dom maar hoe voer ik die concole.log uit ?

Gebruikers-avatar
Berichten: 5043
Geregistreerd: 13 Mei 2013, 20:57
Woonplaats: Heemskerk

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor nicoverduin » 27 Aug 2016, 10:38

Docent HBO Technische Informatica, Embedded ontwikkelaar & elektronicus
http://www.verelec.nl

Berichten: 22
Geregistreerd: 24 Aug 2016, 11:31

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor mattheijer » 27 Aug 2016, 10:49

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 :-)

Berichten: 22
Geregistreerd: 24 Aug 2016, 11:31

Re: data uit de arduino: mysql lijngrafiek

Berichtdoor mattheijer » 27 Aug 2016, 11:08

Welke array zou je dan willen zien ?

Volgende

Terug naar Overige Software

Wie is er online?

Gebruikers in dit forum: Geen geregistreerde gebruikers en 6 gasten