En esta página, se describen algunas sugerencias de depuración cuando tus gráficos parecen no funcionar.
Sugerencias generales para la depuración
Agrega el parámetro de depuración chof=validate a tu URL y visítala en el navegador para obtener una lista de mensajes de error por parámetro (o un mensaje de "todo bien"). Comprueba si puedes detectar el problema en las siguientes URL y, luego, haz clic en el vínculo para ver el mensaje de error de depuración (o coloca el cursor para obtener la respuesta):
- https://chart.googleapis.com/chart?cht=lc&chd=s:cEAELFJHHHKUju9uuXUc&chco=76A4FB&chls=2.0&chxp=1,10,35,75&chxs=3,0000DD,13,2,t&chof=validate
- https://chart.googleapis.com/chart?cht=p3&chs=200x90&chd=t:10,20,30,40,,50&chco=FFFF10,FF0000&chof=validate
- https://chart.googleapis.com/chart?cht=lc&chd=s:zyvneTTOMLIJFHEAECFJGHDBFCERcgnpy45879,INUWUWYswz0479773133zy1246872tnkgcaZQONHCECAAAAEII&chls=3,6,3,5&chs=200x125&chof=validate
Verifica tu sintaxis con la documentación de parámetros cuidadosamente. ¿Tu tipo de gráfico admite tus opciones de parámetro y tipo de parámetro?
Lee la documentación de tu gráfico. En serio. Léelo.
Busca preguntas similares en la lista de distribución google-visualization-api.
Usa la zona de pruebas del gráfico para ajustar tus parámetros de forma individual.
Mi gráfico no aparece.
A continuación, se incluyen algunas sugerencias para descubrir el problema cuando tu gráfico no se muestra en tu página web.
Obtén la URL real del gráfico de tu página. Asegúrate de obtener la URL real que usa tu página. Carga la página y cópiala, o haz que la página la muestre. Para obtener la URL del 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, es posible que sea difícil encontrar dónde hacer clic, por lo que es posible que desees 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 visítala en el navegador para obtener una lista de mensajes de error por parámetro (o un mensaje "Válido" si es correcto).
¿La URL tiene todos los parámetros necesarios para el 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 especializados, 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.
Descubre qué parámetros afectan tu gráfico. Para ello, puedes comenzar desde una URL con errores y trabajar hacia atrás, o bien desde una URL que funciona y avanzar hacia adelante:
- Desde una URL rota: Conecta la URL de tu gráfico a la zona de pruebas de gráficos. Comienza a quitar parámetros, uno a la vez, hasta que obtengas un gráfico que funcione. Intenta volver a agregar los parámetros que quitaste, de forma individual, hasta que tengas tantos parámetros de la URL original como puedas y aún así tengas un gráfico en funcionamiento. Los parámetros que faltan son los que no funcionan. Lee detenidamente la documentación sobre esos parámetros, ¿es correcta la sintaxis? ¿Tu uso es correcto? Es posible que hayas omitido algo en la documentación que explique tu problema.
- Desde una URL de trabajo: Corta y pega un ejemplo funcional de tu tipo de gráfico en la zona de pruebas. Agrega uno por uno los parámetros del gráfico roto hasta que algo se rompa y, luego, trabaja en la solución del problema.