Biblioteca de gráficos de líneas de JavaScript

Me gustaría algún consejo para encontrar una buena biblioteca para dibujar gráficos de líneas. La herramienta en la que estoy trabajando usaba Chartjs, pero tengo que agregar algunas funciones y no estoy seguro de que todas sean posibles con Chartjs.

Aquí hay una lista de lo que debería poder hacer:

  • Agregar/eliminar conjuntos de datos
  • Solo 1 eje X y 1 eje Y que cubren todos los valores
  • Obtenga puntos por los datos y obtenga el valor exacto al pasar el mouse
  • Tienen conjuntos de datos que no tienen exactamente las mismas etiquetas (es decir, los datos 1 tienen valor para [19,20,21,22,23], los datos 2 tienen valor para [24,25,26,27,28], los datos 3 tienen valor para [22,23,24]) Las líneas deben detenerse si no hay ningún valor. No habrá ningún espacio en blanco en la etiqueta (no 22,25).

Por favor, pregúnteme si no soy lo suficientemente claro.

Respuestas (3)

Creo que jqPlot, con la combinación correcta de complementos, hará lo que quieras: http://www.jqplot.com/index.php

Su ejemplo de función de densidad acumulativa demuestra:

  1. Agregar/eliminar conjuntos de datos
  2. Solo un eje x e y
  3. Valor exacto al pasar el mouse
  4. La línea se detiene donde no hay valor

Sus ejemplos de gráficos de líneas muestran gráficos donde hay puntos en la línea. (No puedo publicar una tercera URL, pero su lista de ejemplos es fácil de encontrar).

Mirando ejemplos me parece bien, gracias, lo probaré

Otra opción sería ZingChart. Si va a la sección Manipulación de datos del Event Playground , marque la casilla plot_addy presione el botón verde de reproducción. También hay un plot_remove.

La mayoría de los tipos de gráficos tienen un eje x e y de forma predeterminada, aunque puede eliminar y agregar ejes según sea necesario. La información sobre herramientas también proporciona el valor exacto de forma predeterminada.

En cuanto a los valores nulos, aquí hay una demostración de eso en acción. Haga clic derecho y seleccione "Ver código fuente" para ver el JSON.

Estoy en el equipo de ZingChart, ¡así que no dude en comunicarse si desea hablar sobre las características o la implementación!

Lo hice con éxito con jqplot, pero gracias de todos modos

Estas funciones son compatibles con LightningChart JS .Serie de 2 líneas en ejes X e Y comunes

Vea este ejemplo de código .