Estoy trabajando para reemplazar un gráfico dinámico implementado en highcharts. La implementación actual es un gráfico de área de línea que se expande con el tiempo con los datos de transmisión entrantes, por lo que el reemplazo debe ser dinámicamente modificable y preferiblemente animado.
Actualmente estoy buscando en D3 para el reemplazo. He encontrado algunos ejemplos que muestran que puede haber algo similar que sea posible, como los gráficos para la transmisión de datos que se encuentran aquí , pero en este ejemplo, la línea se vuelve a dibujar en cada iteración. No es terriblemente ineficiente ya que la visualización se limita a una ventana fija de datos, pero en mi caso, es necesario mostrar un gran volumen de datos de principio a fin a medida que se transmiten los datos. pérdida de rendimiento.
En D3, ¿existe algún método para agregar un solo segmento a un gráfico existente que no requiera volver a dibujar?
Terminé abandonando D3 porque requería demasiado desarrollo para hacerlo tan presentable como un gráfico interactivo listo para usar, pero descubrí cómo hacer lo que estaba pensando.
En lugar de volver a agregar una nueva línea con puntos adicionales en cada iteración, terminé usando un componente de ruta que permite agregar puntos adicionales progresivamente. La ruta tiene que volver a renderizarse y genera una cadena de ruta de svg corta, por lo que no estoy exactamente seguro de qué método es más eficiente, pero una cadena de ruta corta reduce la complejidad del html resultante en el caso de que uno agregue múltiples líneas a la trama, una para cada segmento.
Si una adición a la ruta implica solo la generación de una nueva cadena mediante la concatenación del original, imagino que esto podría ser mucho más eficiente que iterar a través de una matriz de datos de series que crece con cada actualización.
El resultado fue lo suficientemente rápido como para mantenerse al día con la transmisión de datos sin ninguna ralentización visible de la interfaz de usuario, pero fue una pena que necesitara algo un poco más desarrollado.