55 lines
1.1 KiB
JavaScript
55 lines
1.1 KiB
JavaScript
let data;
|
|
let measurements;
|
|
let date;
|
|
let value;
|
|
let newArrayTemp = [];
|
|
let newArrayHumid = [];
|
|
let newArrayLight = [];
|
|
let timeArray = []; // Array to store time values`
|
|
let dateArray = [1,2,3];
|
|
let valueArray = [1,2,3,4,5];
|
|
let newValueArray = [4,5,6];
|
|
let myValue = 1;
|
|
|
|
//const timeArray = [1,2,3,4];
|
|
//const dateArray = [5,6,7,8];
|
|
//const valueArray = [1,1,1,3];
|
|
|
|
// Make lines in the graph of the live data
|
|
Plotly.plot("liveGraph", [
|
|
{
|
|
x: timeArray, // Use timeArray as x values
|
|
y: valueArray,
|
|
mode: "lines",
|
|
line: { color: "#80CAF6" },
|
|
name: "Temperature",
|
|
},
|
|
]);
|
|
|
|
let cnt = 0;
|
|
|
|
// Update the graph every 1 ms
|
|
let interval = setInterval(function () {
|
|
var time = new Date();
|
|
timeArray.push(new Date());
|
|
|
|
valueArray.push(Math.random() * 10);
|
|
|
|
var update = {
|
|
x: [[time]],
|
|
y: [[newValueArray]],
|
|
};
|
|
|
|
var olderTime = time.setMinutes(time.getMinutes() - 1);
|
|
var futureTime = time.setMinutes(time.getMinutes() + 1);
|
|
|
|
var minuteView = {
|
|
xaxis: {
|
|
type: "date",
|
|
range: [olderTime, futureTime],
|
|
},
|
|
};
|
|
Plotly.relayout("liveGraph", minuteView);
|
|
|
|
if (cnt === 100) clearInterval(interval);
|
|
}, 1); |