RSS

[Jquery-Plugin]Sparklines, creado graficas con Jquery

Jue, Jul 17, 2008

Ajax, Javascript, Jquery, Librerias, Programacion

Leo una interesante entrada de Andrés Nieto sobre un plugin con el cual podemos crear pequeñas grafícas usando Javascript, obviamente apoyandonos de la librería Jquery.

jquery sparklines

Este importante plugin tiene varias opciones comunes como son

  • type - line (default), bar o tristate
  • width - Ancho de la gráfica, por defecto “auto”.
  • height - Altura de la gráfica, por defecto “auto”.
  • lineColor - Color de la línea
  • fillColor - Color del relleno

Esto lo recalco por que ademas de eso podemos usar muchas otras opciones, como son

Opciones de gráficas tipo línea:

  • spotColor - Oculta o muestra el color del valor final.
  • spotRadius - En pixels (default: 2)

Opciones de gráficas tipo Bar:

  • barColor - Color de los valores positivos
  • negBarColor - Color de los valores negativos
  • barWidth - Tamaño de cada barra, en pixels
  • barSpacing -Separación entre barras, en pixels.
  • zeroAxis - Centro del eje Y.

Opciones de gráficas tipo Tristate:

  • posBarColor - Colores valores positivos
  • negBarColor - Colores valores negativos
  • zeroBarColor - Colores para valores cero.
  • barSpacing - Separación entre barras, en pixels
  • zeroAxis - Centro del eje Y

Creo que Ajax, esta llegando hasta limites insospechados si ha esto le añadimos la próxima versión de HTML, el 5, tal ve pronto salgan juegos muy buenos creados con Javascript y hasta aplicaciones mas poderosas.

Para saber como pueden usarlo en su sitio web, pueden darse la vuelta por el Blog de Andrés donde viene la información completa.
Vía | jQuery Sparklines, gráficas sencillas con jQuery

, , , ,

This post was written by:

Ajaxman - who has written 571 posts on Ajaxman.


Contact the author

Leave a Reply