var options1 = {
    type: 'doughnut',
    data: {
        datasets: [
            {
                label: 'speedTCP',
                data: [50,50],
                backgroundColor: [
                    'rgba(231, 76, 60, 1)',
                    'rgba(191, 191, 191, 1)'
                ],
                borderColor: [
                    'rgba(255, 255, 255 ,1)',
                    'rgba(255, 255, 255 ,1)'
                ],
                borderWidth: 2
            },
            {
                label: 'speedSERIAl',
                data: [20, 80],
                backgroundColor: [
                    'rgba(0, 177, 106, 1)',
                    'rgba(191, 191, 191, 1)'
                ],
                borderColor: [
                    'rgba(255, 255, 255 ,1)',
                    'rgba(255, 255, 255 ,1)'
                ],
                borderWidth: 2
            }
        ]
    },
    options: {
        rotation: 1 * Math.PI,
        circumference: 1 * Math.PI,
        legend: {
            display: false
        },
        tooltip: {
            enabled: false
        },
        legend: {
            enabled: false
        },
        cutoutPercentage: 50
    }
}

var ctx1 = document.getElementById('speedometer').getContext('2d');
var mySpeedometer = new Chart(ctx1, options1);

function addSpeedData(/*speedTCP,*/ speedSERIAL){
    //var speedTCPpercent = (speedTCP/250)*100;
    var serialSpeedKmh = (speedSERIAL * 0.0036)
    var speedSERIALpercent = (serialSpeedKmh/250)*100;
    console.log("speed percent", speedSERIALpercent)
    console.log("actual speed", speedSERIAL)
    console.log("speed kmh", serialSpeedKmh)
    //mySpeedometer.data.datasets[0].data = [speedTCPpercent, 100-speedTCPpercent];
    mySpeedometer.data.datasets[1].data = [speedSERIALpercent, 100-speedSERIALpercent];
    mySpeedometer.update();
}