var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: new Array(),
        datasets: [{
            label: 'Ublox',
            backgroundColor: 'rgba(214, 69, 65, 1)',
            borderColor: 'rgba(214, 69, 65, 1)',
            borderWidth: 1,
            fill: false,
            pointRadius: 0,
            lineTension: 0.5,
            data: new Array()
        },
        {
            label: 'Smartphone',
            backgroundColor: 'rgba(30, 139, 195, 1)',
            borderColor: 'rgba(30, 139, 195, 1)',
            borderWidth: 1,
            fill: false,
            pointRadius: 0,
            lineTension: 0.5,
            data: new Array()
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    min: 0,
                    max: 250
                }
            }]
        },
        animation: {
            duration: 0
        }
    }
});
myChart.data.labels.fill("", 0, GRAPH_RES);
myChart.data.datasets.forEach((dataset) => dataset.data.fill(0, 0, GRAPH_RES))

function addSerialSpeedData(sensordataList) {
    let speedsSerial = []

    sensordataList.forEach(sensordata => {
        if (sensordata.Speed === 0) {
            return;
        }
        let speed = sensordata.Speed
        speedsSerial.push(speed);

    })

    myChart.data.labels.push("");
    myChart.data.datasets[0].data.push(speedsSerial);

    while (myChart.data.labels.length >= GRAPH_RES) {
        myChart.data.labels.shift();
        myChart.data.datasets.forEach((dataset) => dataset.data.shift())
    }
    myChart.update();
};

function addTCPSpeedData(data) {
    let speedsTCP = []

    sensordataList.forEach(sensordata => {
        if (sensordata.Speed === 0) {
            return;
        }
        let speed = sensordata.Speed
        speedsTCP.push(speed);

    })

    myChart.data.labels.push("");
    myChart.data.datasets[1].data.push(speedsTCP);

    while (myChart.data.labels.length >= GRAPH_RES) {
        myChart.data.labels.shift();
        myChart.data.datasets.forEach((dataset) => dataset.data.shift())
    }
    myChart.update();
};