14 Dezembro 2007
Google Charts
Você pode ficar procurando eternamente por um jeito de desenhar gráficos de barra, pizza etc e jamais ficar satisfeito ou então pode passar a usar o mecanismo mais sofisticado e fácil de usar que há por aí.
Um ótimo exemplo do que é possível fazer com o Google Charts você pode ver acima. Eu não fiz esta imagem, eu apenas coloquei uma tag de imagem na página que envia uma requisição parametrizada para o mecanismo da Google.
Não parece possível, é verdade, mas se você copiar o código abaixo e colocá-lo em qualquer página internet, ele vai gerar o gráfico acima.
Ainda que pareça um pouco complicado, em um primeiro momento, a sintaxe é bem simples e você vai ter muito menos dificuldade em publicar gráficos em seus posts, sem precisar do uso de JavaScript, SVG, Flash ou qualquer coisa parecida.
Gráficos em 3D são tão fáceis de produzir quanto possível, se você deixa o Google Charts se encarregar de construir seus gráficos para você.
Existe um tutorial que deixa tudo bem fácil de entender no site Guia do Desenvolvedor do Google Charts, mas se você der uma olhada no gráfico abaixo, creio que vai entender o princípio da ferramenta sem grande dificuldade.
Por causa da forma como o Google Charts funciona, basta você copiar o endereço desta imagem e colar em uma tag de imagem sua e o gráfico já estará em sua página, mas vamos ao conteúdo:
http://chart.apis.google.com/chart?
chs=490×300
&chd=s:qualquercoisa
&cht=lc
&chxt=x,y
&chxl=0:|Mar|Abr|Mai|Jun|Jul|1:||100
Este é o endereço da imagem, mas também são os parâmetros para a criação do gráfico. Conforme explica o Guia dos Desenvolvedores:
- http://chart.apis.google.com/chart? É o endereço da API do Google Charts.
- & Separa os parâmetros.
- chs=200×125 é o tamanho do gráfico em pixels.
- chd=s:qualquercoisa são os dados do Gráfico. As letras são os dados.
- cht=lc é o tipo de gráfico.
- chxt=x,y indica a requisição de rótulos em ambos os eixos “x” e “y”.
- chxl=0:|Mar|Abr|Mai|Jun|Jul|1:||100 são os rótulos do eixo “x” e “y”.
Os tipos suportados pela API, até o momento são:
Está certo… isto foi só para dar um gostinho, mas vale a pena dar uma olhada no Guia do Desenvolvedor do Google Charts. Lá você vai encontrar tudo que for preciso pra fazer gráficos muito mais complexos que os que você viu aqui.
Visite o site do Google Charts…
