Uso highcharts para mostrar un gráfico de líneas dinámicas, mi requisito es,
Uso addPoint in loop (250 veces) cuando los datos generados por segundo, desafortunadamente, los gráficos altos parecen estar bloqueados, no se muestra ninguna línea, en cambio, no se puede hacer clic en la navegación. Para bucles cortos, como 10 veces, parece estar bien
for (var i = 0; i < 250; i++) chart.series[0].addPoint(p, true, true);¿Cómo puedo actualizar el gráfico de líneas con datos delta (250 puntos nuevos) por segundo? Creo que setData es mejor que addPoint, pero ¿cómo puedo agregar la nueva lista de datos a la lista de datos existente en el gráfico y cambiar los puntos antiguos a 250 * 30?
¡Muchas gracias por su amable ayuda!
No necesita volver a dibujar el gráfico después de cada operación de adición de puntos. Es mucho mejor hacerlo después de todo el conjunto:
for (let i = 0; i < 300; i++) { chart.series[0].addPoint(data, false); } chart.redraw();Demostración en vivo: http://jsfiddle.net/BlackLabel/n0x9sjz7/
Referencia de la API: https://api.highcharts.com/class-reference/Highcharts.Series#addPoint