var options1 = { type: 'doughnut', data: { datasets: [ { label: 'speedTCP', data: [50,50], backgroundColor: [ 'rgba(30, 139, 195, 1)', 'rgba(191, 191, 191, 1)' ], borderColor: [ 'rgba(255, 255, 255 ,1)', 'rgba(255, 255, 255 ,1)' ], borderWidth: 2 }, { label: 'speedSERIAl', data: [50, 50], backgroundColor: [ 'rgba(214, 69, 65, 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, enabled: false }, tooltips: { enabled: false, display: false }, cutoutPercentage: 50 } } var ctx1 = document.getElementById('speedometer').getContext('2d'); var mySpeedometer = new Chart(ctx1, options1); function addSpeedSerial(speedSERIAL){ var speedSERIALkmh = (speedSERIAL * 3.6) var speedSERIALpercent = (speedSERIALkmh/250)*100 console.log("SERIAL speed ms", speedSERIAL) console.log("SERIAL speed kmh", speedSERIALkmh) console.log("SERIAL speed percent", speedSERIALpercent) mySpeedometer.data.datasets[1].data = [speedSERIALpercent, 100-speedSERIALpercent]; document.getElementById("speedSERIAL").innerHTML = "Speed Ublox (km/h): " + speedSERIALkmh.toFixed(1) mySpeedometer.update(); } function addSpeedTcp(speedTCP){ var speedTCPkmh = (speedTCP * 3.6) var speedTCPpercent = (speedTCPkmh/250)*100; console.log("TCP speed ms", speedSERIAL) console.log("TCP speed kmh", serialSpeedKmh) console.log("TCP speed percent", speedSERIALpercent) mySpeedometer.data.datasets[0].data = [speedTCPpercent, 100-speedTCPpercent]; document.getElementById("speedTCP").innerHTML = "Speed Smartphone (km/h): " + speedTCPkmh.toFixed(1) mySpeedometer.update(); }