45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
console.log("bla")
|
|
|
|
var gauge = document.getElementById('temp-gauge');
|
|
var gauge2 = document.getElementById('temp-gauge2');
|
|
// Randomly add a data point every 500ms
|
|
var random = new TimeSeries();
|
|
var random2 = new TimeSeries();
|
|
setInterval(function() {
|
|
fetch("/temps.json").then(function (resp) {
|
|
return resp.json();
|
|
}).then(function (resp) {
|
|
console.log("resp: " + resp);
|
|
var nr = Math.random() * 100;
|
|
var nr2 = Math.random() * 100;
|
|
nr = resp.pop();
|
|
nr2 = resp.pop();
|
|
console.log("nr: " + nr);
|
|
random.append(new Date().getTime(), nr);
|
|
random2.append(new Date().getTime(), nr2);
|
|
gauge.dataset.value = nr;
|
|
gauge2.dataset.value = nr2;
|
|
});
|
|
}, 500);
|
|
|
|
function createTimeline() {
|
|
var chart = new SmoothieChart({grid:{fillStyle:'transparent'}, labels:{fillStyle:'#000000'}});
|
|
chart.addTimeSeries(random, { strokeStyle: 'rgba(0, 1, 0, 1)', fillStyle: 'rgba(0, 0, 0, 0.1)', lineWidth: 4 });
|
|
chart.addTimeSeries(random2, { strokeStyle: 'rgba(0, 0, 1, 1)', fillStyle: 'rgba(0, 0, 0, 0.1)', lineWidth: 4 });
|
|
chart.streamTo(document.getElementById("chart"), 500);
|
|
}
|
|
|
|
fetch("/temps.json").then(function (resp) {
|
|
return resp.json();
|
|
}).then(function (resp) {
|
|
console.log("resp: " + resp);
|
|
random.append(new Date().getTime(), resp[0]);
|
|
random2.append(new Date().getTime(), resp[1]);
|
|
});
|
|
|
|
function heat(h) {
|
|
fetch("/heat",{ method: 'POST', body: JSON.stringify({message:h})})
|
|
}
|
|
|
|
createTimeline();
|