Gráficos de barras con CSS y Javascript

n las aplicaciones Web, generalmente mostramos gráficos de barras en las estadísticas, como por ejemplo: las visitas en el mes.

Para esto casi siempre utilización alguna clase PHP que nos genere graficas en 2d y otras en 3d utilizando un componente Flash, todo este proceso realizado del lado del servidor puede reducirse según las necesidades, si nuestra necesidad es tan solo tener un grafico simple de barras, esta puede ser nuestra solución.

CSScharts es la solución más eficiente para este trabajo, ya que tan solo nos brinda una hoja de estilos y un archivo .php que hace automáticamente una lista HTML para no estar haciéndola a mano.

Lista HTML

Esta lista la podríamos crear sin necesidad del archivo, pero como ven tenemos que escribir código HTML.

  • 400
  • 20
  • 30
  • 233
  • 312
  • 78
  • 20
  • 67

Código PHP

Esta sera siempre la manera más eficiente de generar la lista, de forma dinámica podemos construir lo mismo.

< ?php 
      $values = '400,20,30,233,312,78,20,67';
      $height = 100;
      $width = 600;
      $bargap = 0;
      include('csscharts.php');
?>

Ejemplo

Pueden ver más ejemplos en: CSScharts Demosjfdghjhthit45

zp8497586rq

También te puede interesar

One Comment

  1. malinamaniac
    ago 13, 2010 @ 21:36:56

    Hola, solo decirte que en la entradas reducidas esta aparece mal, la imagen se sobrepone y sobresale (al menos en FF).