5 de jan. de 2008

Gráficos em jQuery

Apresento o Flotr, um novo plugin para jQuery, que vai facilitar a introdução de gráficos nas suas páginas.
Ao contrário do Google Chart API, este plugin cria e manipula gráficos no momento.

Este plugin surgiu da insatisfação do autor, Ole Laursen, pois outros plugins não eram inteligentes o sufeciente. A vantagem deste plugin sobre outros é que ajusta automaticamente os limites e ajusta a escala, de acordo com os valores de entrada. Outro plugin equivalente, mas para Prototype, é o Plotr.
Esta competição entre Prototype e jQuery só traz vantagens para os utilizadores.

Grafico Barras (Flot)



$(function () {
var d1 = [];
for (var i = 0; i < 12; i += 1)
d1.push([i, Math.round(20*Math.random()) + 1]);

$.plot($("#placeholder"),
[{
data: d1,
bars: { show: true }
}]
);
});


Gráfico de Barras. Código necessário para o fazer.

Grafico Pontos (Flot)

Gráfico de Pontos c/ legenda.


Blog oficial
Outros exemplos - incluíndo manipulação em tempo-real dos gráficos:

Nenhum comentário:

Postar um comentário