Solução de problemas com gráficos

Esta página descreve algumas dicas de depuração quando seus gráficos não estão funcionando.

Dicas gerais de depuração

Adicione o parâmetro de depuração chof=validate ao seu URL e acesse no navegador para ver uma lista de mensagens de erro por parâmetro (ou a mensagem "all OK"). Veja se você consegue identificar o que há de errado com os seguintes URLs e clique no link para ver a mensagem de erro de depuração (ou passe o cursor para ver a resposta):

Verifique com atenção sua sintaxe comparando-a com a documentação do parâmetro. O tipo de gráfico é compatível com o tipo e as opções de parâmetros?

Leia a documentação do respectivo gráfico. Leia mesmo.

Pesquise na lista de e-mails google-visualization-api para encontrar perguntas semelhantes.

Use o Playground de gráficos para ajustar os parâmetros individualmente.

Meu gráfico não aparece.

Veja algumas dicas para descobrir o problema de exibição do gráfico na página da Web.

Extraia o URL real do gráfico da sua página. Verifique se você recebeu o URL real que está sendo usado pela sua página. Carregue a página e copie o URL ou faça com que a página o exiba. Para obter o URL do navegador, normalmente você precisa clicar com o botão direito do mouse na imagem e escolher uma opção como "Propriedades". Se o navegador nem sequer estiver mostrando um ícone de imagem corrompida, pode ser difícil encontrar onde clicar. Então, convém dar um estilo para torná-lo mais visível, algo como <img src="some_url..." style="border:red 5px solid; width:100px; height:100px">. Tente colar o URL no Playground de gráficos e adicionar o parâmetro chof=validate a ele.

Seu URL está no formato correto? Ele começa com https://chart.googleapis.com/chart? seguido por todos os parâmetros no formato name=value&name=value&name=value? Adicione o parâmetro de depuração chof=validate ao seu URL e acesse no navegador a lista de mensagens de erro por parâmetro (ou a mensagem "Válido" se estiver tudo certo).

Seu URL tem todos os parâmetros necessários para seu tipo de gráfico? A maioria dos gráficos requer apenas três parâmetros: cht, chd e chs. No entanto, alguns gráficos especiais, como QR codes, não usam um desses parâmetros (chd) nem exigem outros parâmetros (chl). Verifique se você está especificando pelo menos todos os parâmetros necessários.

Descubra quais parâmetros estão corrompendo seu gráfico. Para fazer isso, comece por um URL corrompido e retroativo ou comece por um URL que funcione e siga em frente:

  • De um URL corrompido: conecte o URL do seu gráfico ao Playground de gráficos. Comece a remover os parâmetros, um por vez, até conseguir um gráfico que funcione. Tente adicionar novamente os parâmetros removidos individualmente até que você tenha o máximo possível de parâmetros do URL original e ainda tenha um gráfico funcionando. Os parâmetros que faltarem são que estão corrompidos. Leia a documentação sobre esses parâmetros com atenção. Sua sintaxe está correta? Seu uso está correto? Você pode ter deixado passar alguma informação da documentação que explique seu problema.
  • De um URL funcional: recorte e cole um exemplo funcional do seu tipo de gráfico no playground. Adicione os parâmetros do seu gráfico corrompido um por um até que algo falhe e, em seguida, trabalhe para corrigir o problema.

Voltar ao início