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);