iot.darbx.me/pages/co2.html

33 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Iot !</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://fonts.ppsfleet.navy/moment-with-locales.min.js"></script>
<script src="main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js" integrity="sha512-d9xgZrVZpmmQlfonhQUvTR7lMPtO7NkZMkA0ABN3PHCbKA5nqylQ/yWlFAyY6hYgdF1Qh6nYiuADWwKB4C2WSw==" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
</head>
<body>
<nav id="tabs">
<a href="index.html" class="tab air_quality">air_quality</a>
<a href="co2.html" class="tab selected co2">co2</a>
<a href="humidity.html" class="tab humidity">humidity</a>
</nav>
<main>
<canvas id="myChart"></canvas>
</main>
<script type="text/javascript">
fecthData('CO2').then((data) => {
drawGraph(generateDatasetFromJson(data,'#8a2be28a','co2 level','content.elems.environment.co2EquivalentValue'))
})
</script>
</body>
</html>