hola buenas estoy haciendo una grafica donde va a mostrar la temperatura durante el tiempo, lo que necesito es hacerlo en tiempo real, encontre chart.js pero no se como agregar datos de la base de datos a la grafica .
var ctx = document.getElementById("lineChart2").getContext("2d"); const labels = {{ time | safe }}; const values = {{ temp | safe }}; var lineChart = new Chart(ctx, { type: "line", data: { labels: labels, datasets: [ { label: "Temperatura °C", data: [values], fill: false, borderColor: "#28a745", lineTension: 0.1 } ] }, options: { scales: { x: { type: 'realtime', realtime: { onRefresh: chart => { chart.data.datasets.forEach(dataset => { dataset.data.push({ x: //IT'S HERE labels y: //IT'S HERE values }); }); } } } }, } }); const labels = [1637903351687, 1637903353675, 1637903355678, 1637903357678, 1637903359674, 1637903361679, 1637903363672, 1637903365668, 1637903367686, 1637903369669, 163790337167] //time unix const values = [24, 24, 5, 10, 1, 30, 1] //temperatureDe acuerdo con la documentación de Chart.js , puede actualizar su gráfico con algo como esto:
async function updateGraphWithData() { const data = await apiCall(); // Your call to your backend lineChart.data.datasets.forEach(dataset => { dataset.data = data; }); lineChart.update(); }Necesita algo que active la función (como hacer clic en un botón) o algo más.