Solución de problemas de los gráficos

En esta página, se describen algunas sugerencias de depuración cuando tus gráficos no funcionan.

Sugerencias generales para la depuración

Agrega el parámetro de depuración chof=validate a tu URL y ve a tu navegador para obtener una lista de mensajes de error por parámetro (o un mensaje que diga "Todo bien"). Intenta detectar el problema con las siguientes URL y, luego, haz clic en el vínculo para ver el mensaje de error de depuración (o desplázate sobre la respuesta):

Verifica la sintaxis en la documentación del parámetro con cuidado. ¿El tipo de gráfico admite el tipo y las opciones del parámetro?

Lea la documentación de su gráfico. Sí, leerlos.

Busca en la lista de distribución google-visualization-api preguntas similares.

Usa la zona de pruebas del gráfico para ajustar los parámetros de forma individual.

No se muestra mi gráfico.

A continuación, se incluyen algunas sugerencias para descubrir el problema cuando tu gráfico no se muestra en tu página web.

Obtenga la URL del gráfico real de su página. Asegúrate de obtener la URL real que usa tu página. Carga tu página y cópiala o haz que la muestre. Para obtener la URL desde el navegador, por lo general, debes hacer clic con el botón derecho en la imagen y elegir una opción como "Propiedades". Si el navegador ni siquiera muestra un ícono de imagen rota, puede ser difícil encontrar dónde hacer clic, por lo que deberías darle un estilo para que sea más visible, como <img src="some_url..." style="border:red 5px solid; width:100px; height:100px">. Intenta pegar la URL en la zona de pruebas del gráfico y agrega el parámetro chof=validate a la URL.

¿Tu URL tiene el formato correcto? ¿Comienza con https://chart.googleapis.com/chart? seguido de todos los parámetros en el formato name=value&name=value&name=value? Agrega el parámetro de depuración chof=validate a tu URL y ve a tu navegador para obtener la lista de mensajes de error por parámetro (o un mensaje "Válido" si es correcto).

¿Tu URL tiene todos los parámetros obligatorios para tu tipo de gráfico? La mayoría de los gráficos solo requieren tres parámetros: cht, chd y chs. Sin embargo, algunos gráficos de especialidad, como los códigos QR, no usan uno de esos parámetros (chd) ni requieren otros parámetros (chl). Asegúrate de especificar, al menos, todos los parámetros obligatorios.

Descubra qué parámetros generan errores en el gráfico. Para ello, comienza desde una URL que no funciona y sigue hacia atrás, o bien comienza desde una URL que funcione y siga adelante:

  • Desde una URL que no funciona: Conecta la URL del gráfico a la zona de pruebas del gráfico. Comience a quitar los parámetros, uno a la vez, hasta que obtenga un gráfico que funcione. Intenta volver a agregar los parámetros que hayas quitado, de forma individual, hasta que finalmente tengas tantos parámetros de la URL original como puedas y aún tengas un gráfico de trabajo. Los parámetros que faltan son los que no funcionan. Lee detenidamente la documentación sobre esos parámetros. ¿Es correcta tu sintaxis? ¿Es correcto tu uso? Es posible que te hayas olvidado de algo en la documentación que explique tu problema.
  • Desde una URL en funcionamiento: Corta y pega un ejemplo de tu tipo de gráfico en la zona de pruebas. Agrega los parámetros del gráfico roto uno por uno hasta que se produzcan errores y, luego, soluciona el problema.

Volver al principio