Cette page fournit quelques conseils de débogage lorsque vos graphiques ne semblent pas fonctionner.
Conseils de débogage généraux
Ajoutez le paramètre de débogage chof=validate à votre URL et accédez à la page dans votre navigateur pour obtenir la liste des messages d'erreur par paramètre (ou un message "All OK" (Tout OK). Essayez d'identifier le problème avec les URL suivantes, puis cliquez sur le lien pour afficher le message d'erreur de débogage (ou passez la souris pour obtenir la réponse):
- 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
Vérifiez attentivement votre syntaxe par rapport à la documentation sur les paramètres. Votre type de graphique est-il compatible avec vos types et options de paramètres ?
Lisez la documentation de votre graphique. Lisez-le vraiment.
Recherchez des questions similaires dans la liste de diffusion google-visualization-api.
Utilisez le chart Playground pour modifier vos paramètres individuellement.
Mon graphique ne s'affiche pas !
Voici quelques conseils pour comprendre le problème lorsque votre graphique ne s'affiche pas sur votre page Web.
Obtenez l'URL réelle du graphique à partir de votre page. Assurez-vous d'obtenir l'URL réelle utilisée par votre page. Chargez la page, puis copiez l'URL ou demandez-lui de l'afficher. Pour obtenir l'URL depuis le navigateur, vous devez généralement effectuer un clic droit sur l'image, puis sélectionner une option telle que "Propriétés". Si le navigateur n'affiche même pas d'icône d'image défectueuse, il peut être difficile de trouver où cliquer. Vous pouvez donc lui attribuer un style pour la rendre plus visible, par exemple <img src="some_url..." style="border:red
5px solid; width:100px; height:100px">.
Essayez de coller l'URL dans l'environnement de simulation de graphique et ajoutez-y le paramètre chof=validate.
Le format de votre URL est-il correct ? Commence-t-il par https://chart.googleapis.com/chart? suivi de tous les paramètres au format name=value&name=value&name=value ?
Ajoutez le paramètre de débogage chof=validate à votre URL et accédez à votre navigateur pour obtenir la liste des messages d'erreur par paramètre (ou un message "Valide" s'il convient).
Votre URL inclut-elle tous les paramètres requis pour votre type de graphique ? La plupart des graphiques ne nécessitent que trois paramètres: cht, chd et chs.
Toutefois, certains graphiques spécialisés, tels que les codes QR, n'utilisent pas l'un de ces paramètres (chd) et ne nécessitent pas d'autres paramètres (chl). Veillez à spécifier au moins tous les paramètres requis.
Identifiez les paramètres qui perturbent le fonctionnement de votre graphique. Pour ce faire, vous pouvez partir d'une URL défaillante et revenir en arrière, ou bien commencer à partir d'une URL fonctionnelle et suivre la procédure suivante:
- À partir d'une URL défaillante : insérez l'URL de votre graphique dans le terrain de jeu de graphiques. Commencez à supprimer les paramètres un par un, jusqu'à obtenir un graphique qui fonctionne. Essayez d'ajouter à nouveau les paramètres que vous avez supprimés individuellement, jusqu'à ce que vous disposiez d'autant de paramètres que possible dans votre URL d'origine, tout en ayant un graphique fonctionnel. Les paramètres manquants sont ceux qui ne fonctionnent pas. Lisez attentivement la documentation sur ces paramètres. Votre syntaxe est-elle correcte ? Votre utilisation est-elle correcte ? Vous avez peut-être oublié quelque chose dans la documentation qui explique votre problème.
- À partir d'une URL fonctionnelle : Coupez et collez un exemple fonctionnel de votre type de graphique dans Playground. Ajoutez les paramètres du graphique corrompu un par un jusqu'à ce que quelque chose ne fonctionne pas, puis essayez de résoudre le problème.