Scripts y código de ejemplo : JavaScript : Cálculos numéricos :

Graficas de barras

Autor
Fecha inserción
El Código
23/09/2002
Dificultad
Soportado por

N3+ IE4+

Descripción | Ver ejemplo | Ver código fuente | Imprimir script

Para mostrar gráficas de barras con los resultados de una encuesta o con cualquier otra información susceptible de ser visualizada en forma gráfica, aquí tienes un script que te evitará codificar la gráfica una y otra vez.

Mediante tablas e imágenes, y haciendo uso de las propiedades del objeto Math, calculamos de forma rápida los porcentages y tamaños que debe tener cada barra de la gráfica. Después sólo tenemos que crear el código HTML necesario para visualizar la gráfica (en este caso una tabla), y mostrarla con el metodo document.write().

Los datos de la gráfica (nombre de los elementos y valor absoluto asociado a cada uno de ellos) se guardan en un array, lo que facilita su posterior modificación. Además podemos crear tantos arrays como deseemos (siempre con distinto nombre, obviamente), con lo que con el mismo script podemos pintar cientos de gráficas.

El ejemplo tabién permite limitar el ancho de visualización de la gráfica, para adaptarla a nuestra página web. Con todas estas facilidades, dibujar gráficas es ya cosa de niños.

 

¿Necesitas ayuda con este script?

Usa el foro Preguntas acerca de los scripts para plantear y resolver dudas sobre este script. Y si ves que el ejemplo no funciona, indícanoslo en el foro Reporte de errores en los scripts, e intentaremos corregirlo.

 

Cálculos numéricos