このページでは、グラフが機能しない場合のデバッグのヒントについて説明します。
デバッグに関する一般的なヒント
デバッグ パラメータ chof=validate
を URL に追加してブラウザでアクセスし、パラメータごとのエラー メッセージのリスト(「すべての OK」メッセージ)を取得します。以下の URL について、何が問題かを確認できたら、リンクをクリックしてデバッグのエラー メッセージを確認してください(または、カーソルを合わせると回答します)。
- 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=2
パラメータのドキュメントと構文を慎重に確認してください。お使いのグラフタイプはパラメータ タイプとパラメータ オプションをサポートしていますか?
グラフのドキュメントをご覧ください。ぜひお読みください。
類似の質問については、google-visualization-api メーリング リストを検索してください。
パラメータを個別に調整するには、Chart Playground を使用します。
チャートが表示されない
ここでは、グラフがウェブページに表示されないときの問題を解決する方法を紹介します。
ページから実際のグラフの URL を取得します。ページで使用されている実際の URL を取得してください。ページを読み込んで、URL をコピーするか、ページを表示させます。ブラウザから URL を取得するには、通常、画像を右クリックして [プロパティ] などのオプションを選択する必要があります。ブラウザに壊れた画像のアイコンすら表示されていない場合は、クリックする場所を探すのが難しい場合があるため、<img src="some_url..." style="border:red
5px solid; width:100px; height:100px">
など表示しやすいスタイルにすることをおすすめします。URL をグラフのプレイグラウンドに貼り付け、URL に chof=validate
パラメータを追加してみます。
URL は正しい形式ですか?https://chart.googleapis.com/chart?
で始まり、その後に name=value&name=value&name=value
形式のすべてのパラメータが続きますか?デバッグ パラメータ chof=validate
を URL に追加してブラウザでアクセスし、パラメータごとのエラー メッセージ(有効な場合は「有効」メッセージ)のリストを取得します。
URL には、グラフの種類に必要なすべてのパラメータが含まれていますか?ほとんどのグラフでは、cht
、chd
、chs
の 3 つのパラメータのみが必要になります。ただし、QR コードなどの一部の特殊チャートでは、これらのパラメータのうちの 1 つを使用していない(chd
)か、他のパラメータ(chl
)を要求しています。必須パラメータをすべて指定していることを確認してください。
グラフを壊しているパラメータを特定する無効な URL を使用して逆方向に作業することも、作業中の URL から逆方向に進むこともできます。
- 破損した URL から - グラフの URL をグラフのプレイグラウンドに接続します。正常に動作するグラフが表示されるまで、パラメータを 1 つずつ削除します。削除したパラメータを個別に追加し直し、最終的に元の URL からできるだけ多くのパラメータを取得し、有効なグラフが作成されるまで試行します。足りないパラメータは破損しています。これらのパラメータに関するドキュメントをよくお読みください。構文は正しいですか?用途は正しいですか? ドキュメントで問題が説明されていない可能性があります。
- 作業 URL から - チャートタイプの動作例を切り取って Playground に貼り付けます。壊れたグラフのパラメータを 1 つずつ追加し、データがなくなるまで修正します。