Tecnología

Inicio

Cómo generar un gráfico usando jQuery

Los principales navegadores de Internet, como Internet Explorer 9, Google Chrome y Mozilla Firefox pueden interpretar y correctamente la salida de las secuencias de comandos y plugins jQuery. Esto animó a muchos sitios web para proporcionar más elementos y funciones interactivas sin depender demasiado de Adobe Flash por lo que estos sitios se cargan rápidamente. Aunque jQuery es opción popular para la aplicación de efectos de las páginas web y hacer presentaciones de diapositivas, también puede generar gráficos usando jQuery si carga ciertos plugins jQuery o secuencias de comandos para su sitio.

Instrucciones

1 Utilice TufteGraph si desea generar un gráfico de barras estándar en su página web. TufteGraph es un script de jQuery ligero, con pocas opciones de configuración. A pesar de que se limita a la generación de gráficos de barras, el script sólo tiene unas pocas líneas de código para que se cargue rápidamente, incluso en conexiones lentas. También puede editar los colores de cada barra mediante la apertura del archivo CSS TufteGraph.

2 Usar jQuery Google Charts si necesita una gran cantidad de diferentes tipos de gráficos en su sitio. jQuery gráficos de Google le permite generar bar, barras apiladas, línea y gráficos de tarta. También puede elegir entre los diseños horizontales y verticales si elige una barra o barras apiladas.

3 Utilice GraphUp si desea presentar gráficos en un formato tabular. Puede utilizar GraphUp si desea presentar una tabla en una página, pero no tienen espacio adicional para un gráfico. GraphUp añade visuales para cada una de las celdas de la tabla para que pueda obtener una representación gráfica rápida de los datos. Este plugin viene con relleno, Bares y burbujas de estilos de gráficos.