CucaDigital.com.br

Gerando gráficos com o Google Chart API

by Claudney on jan.19, 2009, under Dicas, Programação, Tecnologia, Web

gerando-graficos-com-o-google-chart-api

A API do Google Chart permite você gerar gráficos dinamicamente sem ter que instalar nenhum pacote adicional em seu aplicativo ou servidor.

E tem grandes facilidados como: Não precisa gerar XML ou alimentar Javascripts para gerar os gráficos.

É necessario somente uma imagem, uma imagem???


Vou explicar melhor basta utilizar uma tag "IMG" com a propriedade "SRC" apontando para a api do goolgle com os devidos parametros preenchidos, facil d+.

Segue alguns exemplos retirados da propria documentação da API.

<img src="http://chart.apis.google.com/chart?cht=p3
&amp;chd=t:60,40
&amp;chs=250x100
&amp;chf=a,s,efefeff0
&amp;chl=Hello|World" alt="" />

<img src="http://chart.apis.google.com/chart?cht=bhs
&amp;chco=ff0000|00ff00|0000ff
&amp;chs=200x125
&amp;chd=s:elo
&amp;chxt=x,y
&amp;chxl=1:|Dec|Nov|Oct|0:||20K||60K||100K|" alt="" />

abaixo segue outros exemplos personalizados:

Gráfico de Barras com Labels foi alterado as cores com a propriedade CHCO, e os Labels em CHM.

<img src="http://chart.apis.google.com/chart?cht=bhs
&amp;chd=t:4,5,9,33,8,2,21,19,0
&amp;chs=430x270&amp;chm=t%20%201%C2%BA%20Grau%20Incompleto%20(4%),000000,0,0,13|t%20%201%C2%BA%20Grau%20Completo%20(5%),000000,0,1,13|t%20%202%C2%BA%20Grau%20Incompleto%20(9%),000000,0,2,13|t%20%202%C2%BA%20Grau%20Completo%20(33%),000000,0,3,13|t%20%20P%C3%B3s-Gradua%C3%A7%C3%A3o%20(8%),000000,0,4,13|t%20%20Mestrado%20(2%),000000,0,5,13|t%20%20Superior%20Incompleto%20(21%),000000,0,6,13|t%20%20Superior%20Completo%20(19%),000000,0,7,13|t%20%20Doutorado%20(0%),000000,0,8,13
&amp;chco=008B8B|00ff00|1E90FF|3CB371|7FFF00|B0E0E6|6495ED|1E90FF|4682B4" alt="" />

Gráfico de Barras

Uma das grandes vantagens é que você não precisa instalar nenhum framework ou javascript em seu site.

Mas com isso tem a desvantagem para utilização em intranet's e computadores que não tenham acesso a internet.

Existe uma documentação bem detalhada e com mais exemplos na documentação da api: http://code.google.com/intl/pt-BR/apis/chart/.

Há para quem vive reclamendo que tudo e em inglês está tem tradução para português.

:, , ,
Nenhum comentário para este post...

Postar Comentário



Esta procurando algo?

Use o formulário abaixo para realizar a sua pesquisa:

Assine nosso feed, e recebe tudas as novidades do nosso site diretamente no seu e-mail.

Comentários