Google Chart: Criando gráficos dinâmicos em minutos

O Google Chart é um serviço free para que você, desenvolvedor, possa embarcar no seu site/blog um gráfico em minutos sem precisar de uma biblioteca server-side que faça isso.

[ Hits: 42.716 ]

Por: mauro em 13/02/2009


Introdução



A API Google Chart é uma ferramenta on-line desenvolvida pelo Google que possibilita a criação de gráficos dinâmicos através de páginas de internet em minutos, seu funcionamento é bastante simples, ele apenas faz uma requisição HTTP enviando parâmetros e devolve uma imagem no formato PNG com o gráfico solicitado.

Desta forma, rapidamente você pode ter um gráfico para inserir no seu site, blog ou até mesmo para inserir em um documento .doc ou .xls. Esta API possibilita a criação de inúmeros tipos de gráficos, desde gráficos no formato pizza, linhas, barras etc.

O único requisito é que o usuário esteja conectado a internet. Esta ferramenta está agradando a toda a comunidade de programadores, pois é uma forma prática e rápida de ter rapidamente gráficos com aparência profissional. Grande parte da documentação é em inglês, mas com um vocabulário totalmente compreensível.

Como utilizar o Google Chart?

O uso do Google Chart é bastante simples, você coloca na sua tag IMG do HTML o caminho da imagem que o API do Google gera. Não necessitamos importar nenhuma biblioteca ou coisa parecida. O API do Google disponibiliza uma grande variedade de gráficos, desde os mais simples até os mais complexos.

Existem inúmeras customizações que podem ser feitas, desde as dimensões, cores, tipos de preenchimento etc.

O formato que a URL deve conter parar gerar o gráfico é o seguinte:

http://chart.apis.google.com/chart?cht=[tipo de gráfico]&chd=t:[valores]&chs=[dimensões]&chco=[cores]&chtt=[Título]&chl=[parâmetros]

Comece a criação

Os gráficos partem da requisição HTTP da URL que é feita no seu navegador:

http://chart.apis.google.com/chart?

seguida dos parâmetros que desejamos para a criação do gráfico. Abaixo segue alguns parâmetros para a criação dos gráficos com suas respectivas funções:
  • CHXL - para criação de rótulos;
  • CHDL - legenda;
  • CHCO - cores do gráfico;
  • CHT - tipo de gráfico;
  • CHTT - título do gráfico;
  • CHXT - comando para criação dos eixos, como "chxt=x,y";
  • CHD - comando com os valores de texto (string) "texto";
  • CHTT - sigla para criação do título do seu gráfico, como "chtt=Título+do+meu+gráfico".

    Próxima página

Páginas do artigo
   1. Introdução
   2. Montando um gráfico
   3. Conclusão
Outros artigos deste autor
Nenhum artigo encontrado.
Leitura recomendada

Criando gráficos com a classe JPGraph (parte 2)

Abordagem exemplificada de orientação à objeto com PHP 5

Capturando conteúdo de sites em PHP

Criando um sistema de banners rotativos em PHP

Como atribuir notícias RSS ao seu site usando ATOM e PHP

  
Comentários
[1] Comentário enviado por neomvll em 13/02/2009 - 07:21h

Muito bom, já ta nos Favoritos. Valeu.

[2] Comentário enviado por xKuRt em 13/02/2009 - 10:10h

Excelente dica!

[3] Comentário enviado por fabioarnoni em 13/02/2009 - 15:14h

Muito bom o artigo !!!! Favoritos tambénm hehe. A google está cada vez mais inovadora em aplicativos na nuvem, nuvem é o futuro !!! Abraços !!!

[4] Comentário enviado por everton3x em 13/02/2009 - 16:14h

Muito interessante esta dica...
A muito tempo eu utilizo os serviços do google, desde e-mail (comecei por aí) até o google doc, maps, bookmarks, notepad, etc... agora tenho mais um...heheheh

o futuro é cloud computing

[5] Comentário enviado por Marcus-RJ em 14/02/2009 - 00:49h

"O futuro é cloud computing". Sei não, eu não confio em deixar meus dados disponíveis para livre acesso por uma empresa.

A propósito --> http://br-linux.org/2008/cloud-computing-estupidez-para-stallman-e-insanidade-ellison/

"Embarcar"? Nao sei se essa seria a tradução correta. Fica igual "customizado", essa palavra nem sequer existe em português. :)

Abs! Fique com Deus!


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts