In einem Block-Beitrag hatte ich schon mal von der Feinstaubmessung berichtet.
Hier nun ein Feinstaub-Tacho mit den Echtzeitwerten aus Hannover in µG/m3 der jede Stunde automatisch aktualisiert wird (PM10).
Und hier etwas History:
Im Moment sieht es ganz gut aus, oder?
Hier der Java Script Code für den Tacho:
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
// hier die Channel ID:
var channel_id = 11111;
// hier der Api Key
var api_key = 'xxxxxxxxxxx';
var max_gauge_value = 100;
var gauge_name = 'Feinstaub';
var chart, charts, data;
google.load('visualization', '1', {packages:['gauge']});
google.setOnLoadCallback(initChart);
// display the data
function displayData(point) {
data.setValue(0, 0, gauge_name);
data.setValue(0, 1, point);
chart.draw(data, options);
}
function loadData() {
var p;
$.getJSON('https://api.thingspeak.com/channels/' + channel_id + '/feed/last.json?api_key=' + api_key, function(data) {
p = data.field1;
if (p) {
p = Math.round((p / max_gauge_value) * 100);
displayData(p);
}
});
}
function initChart() {
data = new google.visualization.DataTable();
data.addColumn('string', 'Label');
data.addColumn('number', 'Value');
data.addRows(1);
chart = new google.visualization.Gauge(document.getElementById('gauge_div'));
options = {
min: 0, max: 100,
width: 220, height: 220,
redFrom: 50, redTo: 100,
yellowFrom: 20, yellowTo: 50,
greenFrom: 0, greenTo: 20,
minorTicks: 10
};
loadData();
// daten alle 30 Minuten neu laden
setInterval('loadData()', 1000 * 60 * 30);
}
</script>
