Hace poco encontré un plugin para jquery que nos permite hacer gráficos de barras usando CANVAS, puedes descargar el plugin de aqui recuerda que canvas aun no es soportado por IE, por lo que para hacerlo compatible deberás usar una script js que te permita usar Explorer Canvas para hacerlo compatible.
El funcionamiento del script es muy sencillo, solo debes tener todos tus datos en una tabla y el plugin se encarga del resto con una sola linea, además es posible elegir multiples estilos de graficos pie, bar, area, line, stacked bar.
Codigo html de los graficos estadisticos
Como ya dije solo debes ingresar tus datos mediante una tabla simple
[cc lang=»html»]
| 2000 | 2001 | 2002 | 2003 | 2004 | |
|---|---|---|---|---|---|
| Mary | 150 | 160 | 40 | 120 | 30 |
| Tom | 3 | 40 | 30 | 45 | 35 |
| Brad | 10 | 00 | 10 | 85 | 25 |
| Kate | 40 | 80 | 90 | 25 | 15 |
[/cc]
Luego debes definir el espacio donde estará ubicado el canvas
[cc lang=»html»]
[/cc]
Fijate bien en la clase ya que esta te permitirá elegir el tipo de grafico a representar, en los estilos también asegurate de usar un tamaño de letra pequeño para el body ya que de lo contrario podría deformarse el grafico.
AJAX – Jquery
Finalmente dibujamos el grafico estadistico con una sola linea de codigo
[cc lang=»javascript»]
$.fgCharting();
[/cc]
