tutorial instalar hacer graficas google docs dinamicas como chart bootstrap jquery charts linegraph

jquery - instalar - graficas html5 javascript



¿Cómo crear un gráfico dinámico de líneas como Google Finance? (7)

Envision.js de Humble Software también parece prometedor si necesita mostrar series de tiempo o gráficos de acciones.

http://www.humblesoftware.com/envision

demostración del gráfico de finanzas / acciones:
http://www.humblesoftware.com/envision/demos/finance

Estoy buscando crear un gráfico de líneas con zoom dinámico para una página web que estoy haciendo.

Me dijeron que "lo hiciera como el de Google " (aunque por un vendedor que a su vez repite como un loro al cliente, por lo que apunta alto. Todos volverán a la realidad una vez que le diga cuánto costará). !

¿Alguien puede recomendar por dónde empezar con esto? ¿Hay algún complemento de jQuery disponible? ¿O algún otro medio de producir algo similar?


He usado y me gusta la biblioteca flotante . fácil de usar y fácil de comenzar más está basado en jQuery.


Me gusta el Stockchart de Amcharts , pero es un gráfico basado en Flash. Pero es muy sólido, fácil de implementar y funciona bien con grandes conjuntos de datos.

Su producto regular de Linechart es mucho más barato y también tiene una función de desplazamiento de zoom bastante intuitiva pero menos atractiva.

EDITAR: como señaló el usuario mg1075, amcharts ahora está disponible como un gráfico de Javascript.


Puede probar las API de gráficos de Google como notó Wyatt, sin embargo, tenga en cuenta que Google extrae datos a sus servidores de seguridad, y si su cliente tiene problemas de privacidad, tal vez esa no sea la solución adecuada.

Yo recomendaría estos - jqPlot - Buena apariencia, licencia MIT / GPL, interactivo, http://www.jqplot.com/

flot - Buena apariencia, Código abierto, interactivo, http://code.google.com/p/flot/

Highcharts: múltiples licencias (podría tener que pagar) http://www.highcharts.com/

Muchas otras opciones, pero todas están basadas en Javascript :)




Sugeriría dygraphs. Este fue desarrollado con la intención de replicar tablas de Google. También tiene el selector de rango al igual que los gráficos de Google.