Feinstaub Tacho mit History 歷史 aus Hannover

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>

Feinstaub Tacho mit History 歷史 aus Hannover

Ähnliche Artikel: