http://2013.igem.org/wiki/index.php?title=Team:TU-Munich/TUM13_real.ph&feed=atom&action=history
Team:TU-Munich/TUM13 real.ph - Revision history
2024-03-28T14:13:35Z
Revision history for this page on the wiki
MediaWiki 1.16.5
http://2013.igem.org/wiki/index.php?title=Team:TU-Munich/TUM13_real.ph&diff=348728&oldid=prev
FlorianA: Created page with " <nowiki><!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" xml:..."
2013-10-28T17:32:08Z
<p>Created page with " <nowiki><!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" xml:..."</p>
<p><b>New page</b></p><div> <nowiki><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<br />
<title>Arduino real time data</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<br />
<script src="js/jquery-1.9.1.js"></script><br />
<link href="css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet"><br />
<link href="src/normalize.css" rel="stylesheet" type="text/css"><br />
<link href="src/style.css" rel="stylesheet" type="text/css"><br />
<link href="src/nv.d3.css" rel="stylesheet" type="text/css"><br />
<br />
<script src="src/d3.v3.js"></script><br />
<script src="src/crossfilter.js"></script><br />
<script src="src/nv.d3.js"></script><br />
<script src="src/tooltip.js"></script><br />
<script src="src/utils.js"></script><br />
<script src="src/legend.js"></script><br />
<script src="src/axis.js"></script><br />
<script src="src/scatter.js"></script><br />
<script src="src/line.js"></script><br />
<script src="src/linePlusBarChart.js"></script><br />
<script src="src/stream_layers.js"></script><br />
<br />
<script><br />
<br />
var testdata = <?php include 'ajax.php'; ?>.map(function(series) {<br />
series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });<br />
return series;<br />
});<br />
<br />
function getUTCString(datum) {<br />
var ausgabe = '';<br />
ausgabe += (datum.getUTCMonth()+1 < 10) ? '0' + datum.getUTCMonth()+1 : datum.getUTCMonth()+1;<br />
ausgabe += '/';<br />
ausgabe += (datum.getUTCDate() < 10) ? '0' + datum.getUTCDate() : datum.getUTCDate();<br />
ausgabe += '/';<br />
ausgabe += datum.getUTCFullYear();<br />
ausgabe += ' ';<br />
ausgabe += (datum.getUTCHours() < 10) ? '0' + datum.getUTCHours() : datum.getUTCHours();<br />
ausgabe += ':';<br />
ausgabe += (datum.getUTCMinutes() < 10) ? '0' + datum.getUTCMinutes() : datum.getUTCMinutes();<br />
ausgabe += ':';<br />
ausgabe += (datum.getUTCSeconds() < 10) ? '0' + datum.getUTCSeconds() : datum.getUTCSeconds();<br />
return ausgabe;<br />
}<br />
<br />
var chart;<br />
nv.addGraph(function() {<br />
chart = nv.models.linePlusBarChart();<br />
// .x(function(d,i) { return i });<br />
<br />
chart.margin({top: 60, right: 100, bottom: 60, left: 100});<br />
<br />
chart.xAxis<br />
.tickFormat(function(d) {<br />
jetzt = new Date(d*1000);<br />
return getUTCString(jetzt);<br />
})<br />
.staggerLabels(true);<br />
<br />
chart.y1Axis.axisLabel('Light (lx)').tickFormat(d3.format(',.0f'));<br />
chart.y2Axis.axisLabel('Temperature (°C)').tickFormat(d3.format(',.1f'));<br />
<br />
chart.bars.forceY([0]);<br />
chart.lines.forceY([0]);<br />
nv.log(testdata);<br />
d3.select('#chart svg')<br />
.datum(testdata)<br />
.call(chart);<br />
<br />
nv.utils.windowResize(chart.update);<br />
<br />
return chart;<br />
});<br />
<br />
$(document).ready(function(){<br />
<br />
window.setInterval(function(){<br />
<br />
$.ajax({<br />
url: 'ajax.php',<br />
type: "GET",<br />
error: function(xhr, status) {<br />
$('body').prepend($("<div class='ui-widget'><div class='ui-state-error ui-corner-all' style='padding: 0 .7em;'><p><span class='ui-icon ui-icon-alert' style='float: left; margin-right: .3em;'></span><strong>Alert:</strong>AJAX request failed.</p></div></div>"));<br />
},<br />
success: function(json) {<br />
testdata = eval(json).map(function(series) {<br />
series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });<br />
return series;<br />
});<br />
d3.select('#chart svg')<br />
.datum(testdata)<br />
.transition().duration(500)<br />
.call(chart);<br />
//chart.update();<br />
}<br />
});<br />
<br />
},10000);<br />
<br />
});<br />
<br />
</script><br />
<br />
</head><br />
<body><br />
<br />
<h1>Arduino real time data</h1><br />
<br />
<?php<br />
<br />
if ( isset($error) and $error ) {<br />
echo "<div class='ui-widget'>";<br />
echo " <div class='ui-state-error ui-corner-all' style='padding: 0 .7em;'>";<br />
echo " <p><span class='ui-icon ui-icon-alert' style='float: left; margin-right: .3em;'></span>";<br />
echo " <strong>Alert:</strong> ".$error.".</p>";<br />
echo " </div>";<br />
echo "</div>";<br />
}<br />
<br />
?> <br />
<br />
<div id="chart"><br />
<svg style="height: 500px;"></svg><br />
</div><br />
<br />
</body><br />
</html><br />
</nowiki></div>
FlorianA