グラフのトラブルシューティング

このページでは、グラフが機能しない場合のデバッグのヒントについて説明します。

デバッグに関する一般的なヒント

デバッグ パラメータ chof=validate を URL に追加してブラウザでアクセスし、パラメータごとのエラー メッセージのリスト（「すべての OK」メッセージ）を取得します。以下の URL について、何が問題かを確認できたら、リンクをクリックしてデバッグのエラー メッセージを確認してください（または、カーソルを合わせると回答します）。

パラメータのドキュメントと構文を慎重に確認してください。お使いのグラフタイプはパラメータ タイプとパラメータ オプションをサポートしていますか？

グラフのドキュメントをご覧ください。ぜひお読みください。

類似の質問については、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 つずつ追加し、データがなくなるまで修正します。

トップへ戻る