Feinstaub Tacho mit History 歷史 aus Hannover – Wenzlaff.de

In einem Block-Beitrag hatte ich schon mal von der Feinstaubmessung berichtet. Es läuft auch gerade eine Studie an der MHH von Professor Axel Haverich die zusammenhänge mit Herzinfarkte untersucht. Ich bin auf das Ergebnis gespannt!

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>

// 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>