Estoy tratando de crear una serie de gráficos de líneas dinámicamente y luego actualizarlos una vez que los datos se hayan actualizado para un usuario en particular en tiempo real.

Tengo dificultades porque solo puedo obtener el más reciente para renderizar.

Creo que esto se debe a que cuando se ejecuta el siguiente código, sobrescribe la variable ctx y pierdo los gráficos anteriores.

Probé la siguiente técnica con variables dinámicas para que no haya dos variables ctx iguales, pero no funciona.

Gracias de antemano por tu ayuda.

 window['ctx_'+userid] = document.getElementById("forceCurveGraph_"+userid).getContext("2d"); window['myLineChart'+userid] = new Chart(window['ctx_'+userid], { type: 'line', data: { datasets: [{ label: "Force Curve", data: forcecurvedata, backgroundColor: ['rgba(57,118,251, 0.8)'] }], labels: labels }, options: { backgroundColor: ['rgba(40, 84, 141, 0.3)'], scales: { yAxes: [{ ticks: { beginAtZero: true, max: graphMax } }], xAxes: [{ ticks: { display: false } }] } } })