Gráficos em jQuery

Saturday, 5 January 2008

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.

$(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.

Gráfico de Pontos c/ legenda.

  * [**Blog oficial**](https://ole-laursen.blogspot.com/2007/12/flot-01-released.html)[****](https://people.iola.dk/olau/flot/examples/)
  * [**Outros exemplos**](https://people.iola.dk/olau/flot/examples/) - incluíndo manipulação em tempo-real dos gráficos: