jQuery Sparklines

jQuery Sparklines es un plugin de JQuery para la construcción de sparklines o lo que es lo mismo, gráficas tamaño texto de este tipo –> .

Un ejemplo:

Quiero graficar estos valores en un sparline [1,2,3,4,5,4,3,2,1].

Escribo este html:

<span class="sparklines">1,2,3,4,5,4,3,2,1</span>

y le aplico el plugin indicando que coja los valores del html que contiene la etiqueta span…

$('.sparklines').sparkline('html');

…con lo que obtendría esto:

Si quisiera pasar la ristra de valores desde js pues haría esto…

$('.sparklines').sparkline([1,2,3,4,5,4,3,2,1]);

…y obtendría lo mismo:

Los tipos de chart y sus propiedades son personalizables. Si por ejemplo quisiera representar los mismos datos en un gráfico de barras de color verde bastaría con esto:

$('.sparklines').sparkline('html', { type:'bar', barColor:'green' });

y el plugin pintaría este otro sparkline:

0 Responses to “jQuery Sparklines”



  1. Dejar un comentario

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




Add to Technorati Favorites
Clicky Web Analytics Clicky

Flickr Photos

Aljibe

luz

C1

C1

Más fotos

A %d blogueros les gusta esto: