Monitoring jakości powietrza

  • Wydrukuj
  • Email
  • Monitoring jakości powietrza. Punkt pomiaru znajduje się na budynku Starostwa Powiatowego w Jarosławiu.

Punkt pomiaru znajduje się na budynku Starostwa Powiatowego w Jarosławiu.

{source}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<!--Load the Ajax API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" _DJCLEAN_></script>
<script type="text/javascript">

// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);

function drawChart() {
var jsonData = $.ajax({
url: "https://www.airqlab.pl/psg_jaroslaw24.php",

dataType: "json",
async: false
}).responseText;
// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(jsonData);
var options = {
title: 'Wykres średnich 1-godzinnych stężeń pyłów w ciągu ostatnich 24 godzin',
fontSize: 14,
colors:['#a7a7a7','#000','#ef7701'],
chartArea: {left: 55, width: '80%'},
animation: {startup: true, duration: 1000},
titleTextStyle: {color: 'a7a7a7', fontName: 'Arial', fontSize: '18', fontWidth: 'normal'},
vAxis: { title: "stężenie pyłów [\u03BCg/m\xB3]",
titleTextStyle: {color:'#4f595f',fontName: 'Tahoma',fontSize: 12,bold: true,
italic: false,textPosition: 'in'},
textStyle: {color: 'a7a7a7',fontName: 'Arial',fontSize: 12,bold: true,
italic: false}
},
hAxis: { title: "dzień/godzina ",
titleTextStyle: {color:'#222',fontName: 'Tahoma',fontSize: 12,bold: true,
italic: true,textPosition: 'out',slantedText: true},
textStyle: {color: 'a7a7a7',fontName: 'Arial',fontSize: 12,bold: true,
italic: true}
},
is3D: 'true',
width: 850,
height: 800,
curveType: 'function',
crosshair: {orientation: 'vertical',trigger: 'focus',color: '#aaa',
opacity: 0.5},
backgroundColor: '#fafafa'
};

// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
{/source}

Więcej w tej kategorii: