//Data structure arrays go here var livechart; function initLiveChart() { var options = { type: 'line', data: { datasets: [ { label: 'Data Rate', data: [], } ] }, options: { responsive: false, animation: false, plugins: { legend: { display: false }, tooltip: { enabled: false }, }, elements: { line: { backgroundColor: '#999999', borderColor: '#000000', borderWidth: 0.3, //tension: 1, fill: false }, point: { radius: 0 } }, scales: { x: { type: 'realtime', display: false, realtime: { duration: 10000, delay: 1000, } }, y: { display: true, min: 0, max: 150, reverse: false, title: { display: true, text: 'Data Rate/s' } } } } } var ctx = document.getElementById('liveChart').getContext('2d'); livechart = new Chart(ctx, options); } function addLiveDataPoint(reading) { livechart.data.datasets[0].data.push({ x: Date.now(), y: reading }); //livechart.update('quiet'); //console.log("Adding live data point") } //initLiveChart();