このページでは、グラフが機能しない場合のデバッグのヒントについて説明します。
一般的なデバッグのヒント
URL にデバッグ パラメータ chof=validate
を追加してブラウザでアクセスすると、パラメータごとのエラー メッセージ(「all 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,5&chs=200x125&chof=validate
パラメータのドキュメントと構文を注意深く確認してください。使用しているグラフの種類は、使用しているパラメータの種類とパラメータ オプションをサポートしていますか?
グラフのドキュメントをご覧ください。本当です—ぜひ読んでください。
同様の質問については、google-visualization-api メーリング リストで検索してください。
グラフ プレイグラウンドを使用して、パラメータを個別に微調整します。
グラフが表示されない
ウェブページにグラフが表示されない場合に、この問題を特定するためのヒントをいくつかご紹介します。
ページから実際のグラフ URL を取得します。ページで使用されている実際の URL を必ず取得してください。ページを読み込んで URL をコピーするか、ページに表示します。ブラウザから URL を取得するには、通常、画像を右クリックして [プロパティ] などのオプションを選択する必要があります。ブラウザに壊れた画像アイコンが表示されなければ、クリックする場所がわかりにくいため、見やすいスタイル(<img src="some_url..." style="border:red
5px solid; width:100px; height:100px">
など)を設定することをおすすめします。
コピーした URL をグラフ プレイグラウンドに貼り付け、chof=validate
パラメータを URL に追加してみます。
URL の形式が正しいかhttps://chart.googleapis.com/chart?
で始まり、その後に name=value&name=value&name=value
という形式のすべてのパラメータが続きますか?URL にデバッグ パラメータ chof=validate
を追加してブラウザでアクセスすると、パラメータごとにエラー メッセージのリストが表示されます(問題なければ「有効」メッセージ)。
グラフの種類に必要なパラメータがすべて URL に含まれているか:ほとんどのグラフで必要なパラメータは cht
、chd
、chs
の 3 つだけです。ただし、QR コードなど、一部の特殊なグラフでは、これらのパラメータの 1 つ(chd
)を使用しないか、他のパラメータ(chl
)が必要です。少なくともすべての必須パラメータを指定してください。
グラフの破損を招いているパラメータを特定する。そのためには、無効な URL から逆方向に移動するか、有効な URL から順に移動します。
- 無効な URL から読み込む - グラフの URL をグラフ プレイグラウンドに接続します。適切なグラフが表示されるまで、パラメータを 1 つずつ削除します。削除したパラメータを個別に追加し直して、最終的に元の URL からできる限り多くのパラメータを取得し、グラフをそのまま使用できます。欠落しているパラメータは破損しているものです。これらのパラメータに関するドキュメントを注意深く読み、構文が正しいかどうか確認してください。使用状況は正しいですか? ドキュメントで、問題に関する説明が抜けている可能性があります。
- 有効な URL から作成する - 実際のグラフの種類の例を切り取ってプレイグラウンドに貼り付けます。破損したグラフのパラメータを、なんらかの問題が発生するまで 1 つずつ追加し、問題の解決に取り組みます。