フィードバックを送信
用語集
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Animation
変更後にグラフが最初に描画または再描画される際に、モーションを含めるためのオプションです。詳しくは、アニメーション をご覧ください。
アノテーション
グラフ内のデータポイントの静的ラベル。annotation
は、DataTable
クラスと DataView
クラスで使用できる列ロールです。アノテーション グラフ と混同しないでください。
Axis
座標の測定結果を示すグラフ上の基準線。Google グラフでは、2 つの主要な軸が次のいずれかに分類されます。
水平方向と垂直方向の比較
ドメインとターゲットの比較
Google Chart では、これらを「x」または「y」と呼んでいません。Google チャートでは、ユーザーがドメイン値を示す「軸」と「水平軸」を従来の関係から切り離せるため、どちらの軸がわかりやすいかわかりません。たとえば、グラフの向きを反転させることで、ドメイン変数を縦軸で表示できます。
コールバック
2 番目のコードとして引数として渡される実行可能コード。このコードは、後で最初のコードを「コールバック」、つまり実行する必要があります。Google Charts では、コールバックが一般にライブラリ ローダー とイベント ハンドラ とともに使用されます。例: "Google Charts ライブラリの読み込み時に実行するコールバックを設定します。"
グラフの種類
JavaScript オブジェクトとして実装されるデータ表現、外観、オプションの組み合わせ。グラフの種類の例としては、円グラフ やバブルチャート などがあります。一覧については、グラフ ギャラリー をご覧ください。
グラフ編集者
臨機応変に Google グラフを編集するためのユーザー インターフェース。任意のウェブページに含めることができます。
詳しくは、ChartEditor をご覧ください。
チャートラッパー
チャートをラップする JavaScript クラス。チャートに対する読み込み、描画、データソースに対するクエリ をすべて処理できます。ダッシュボード と ChartEditor を使用する場合は、ChartWrapper が必要です。詳しくは、ChartWrapper をご覧ください。
列の役割
その目的を記述する DataTable
の列のプロパティ。たとえば、tooltip
列の役割は、ツールチップ テキストを保存する列に割り当てます。
詳細については、利用可能なロール と
getColumnRole
をご覧ください。 列の型 DataTable
の列に割り当てるデータ型。列の型は次のいずれかになります。
string
number
boolean
date
datetime
timeofday
詳しくは、
getColumnType
をご覧ください。
連続
連続した値をスムーズに進行させます。特定の 個別軸ではなく、指定された 2 つの値の間で任意の変数を取ることができる軸を記述するために使用されます。詳細については、ディスクリートと連続 をご覧ください。例: "グラフの主軸は個別または連続のいずれかです。"
コントロール
ダッシュボード上のユーザー インターフェース ウィジェット(スライダーやオートコンプリートなど)。これにより、閲覧者は、ダッシュボード内のデータやグラフを変更できるようになります。例: "このダッシュボードには、プルダウン メニューからオプションを選択できるコントロールがあります。"
詳しくは、コントロールとダッシュボード をご覧ください。
コアチャート
Google Chart で最も人気のあるグラフの種類。すべてのコアチャートを同時に読み込むには、corechart
パッケージを使用します。詳細については、基本的なライブラリ読み込み をご覧ください。主要なグラフの種類は次のとおりです。
ダッシュボード
グラフ インスタンスとコントロール インスタンス を組み合わせたビジュアル ディスプレイ。通常は、1 つ以上のグラフと 1 つのコントロールが含まれます。ダッシュボードに複数のグラフが含まれている場合、すべてのチャートが同じデータソースを持つ必要があります。詳しくは、コントロールとダッシュボード をご覧ください。
データテーブル
2 次元の可変値のテーブルを表す JavaScript クラス。詳細については、DataTable クラス をご覧ください。
データビュー DataTable
から派生した JavaScript クラス。DataView
は Google Chart のデータソースとして機能しますが、DataTable
とは異なり、読み取り専用です。DataView
は、基となる DataTable
が変更されると自動更新されますが、一部例外があります。詳しくは、DataView クラス をご覧ください。
Discrete 「連続」 値システムに基づいていない一連の値を指します。Google Chart のコンテキストでは、「個別」はデータ型または軸を表すことができます。個別軸の詳細については、個別と連続 をご覧ください。例: "国のリストは、個別のデータ型を持つ列として保存する必要があります。"
ドメイン
関数または関係が取ることのできるすべての可能な入力のセット。複数のデータ系列がグラフに表示されている場合、1 つのドメイン値に複数のターゲット値が存在する可能性があります。例:
"ドメイン値 '3'の場合、このデータ系列の値は '5'." です。
イベント ユーザーがボタンのクリックなど、Google Chart に登録できる事前定義のアクション。各グラフタイプのページには、ready
、select
、onmouseover
など、そのグラフの種類でサポートされているイベントを一覧表示するイベント セクション(こちら の例)が表示されます。例: "ユーザーが
「りんごが欲しい」をクリックすると、userWantsApples
イベントがスローされます。"詳しくは、イベントの処理 をご覧ください。
基になる値に影響を与えることなく、DataTable
列のデータを表示する方法を決定します。Google Charts では、フォーマッタとフォーマッタ オプションの定義済みリストが提供されています。たとえば、NumberFormat フォーマッタの prefix
オプションを使用して、値「1000」を「$1000."」として表示できます。
詳しくは、Formatters をご覧ください。
Google スプレッドシート Google スプレッドシートを使用すると、スプレッドシートをオンラインで作成、更新、変更、共有できます。Google スプレッドシートは、Google グラフの一般的なデータソースです。詳しくは、Google スプレッドシート の Google Charts のページをご覧ください。Google スプレッドシートは Google ドライブ から作成、管理できます。
間隔
データ列に含まれる特定のドメイン値の追加のターゲット値を含む、オプションの列ロール。たとえば、信頼区間 のデータを interval
列に保存することで、棒グラフの一部として表示できます。間隔は、折れ線グラフ、散布図、棒グラフで最もよく表示されます。Google Charts では、間隔を表示するためのスタイルがいくつか用意されています。詳しくは、間隔 をご覧ください。
凡例
グラフ内のすべてのデータ系列のラベルと外観、および 1 つのグラフ内の単一のデータ系列のビジュアル サブコンポーネントを一覧表示するグラフ内の領域。たとえば、データ系列が 1 つだけの円グラフでは、凡例には、各円のスライスに対応するラベルと色が含まれます。
ライブラリ ローダ
Google Charts API ライブラリを読み込む JavaScript メソッドgoogle.charts.load
。Google Chart を使用するウェブページを構築する際には、常にライブラリの読み込みが必要です。詳しくは、ライブラリを読み込む をご覧ください。
メソッド
オブジェクト クラスに関連付けられたオブジェクト指向プログラミング (OOP)のプロシージャ。例: " グラフ ライブラリを作成する場合、Chart
オブジェクトは draw()
メソッドを公開する必要があります。
クエリ
データベースに対して発行される情報のリクエスト。Google グラフでは、データクエリ がサポートされています。これは、Google スプレッドシートなどのソースでクエリを実行するために使用される SQL に似たクエリです。クエリは Google Visualization API のクエリ言語 を使用して作成する必要があります。
シリーズ
DataTable
または DataView
のデータ列。各値は、ドメイン列のドメイン値と 1 対 1 で対応しています。一連の列には、さまざまな列の役割(アノテーションやスタイルの役割など)を持つ 1 つ以上の列を関連付けることができます。例: " 以下のグラフは、2 つの系列を含むグラフを示しています。1 つはダークブルー、もう 1 つはライトブルーです。"
併用
複数のデータ系列を表示するグラフ オプション。各系列は、指定されたドメイン値の過去の系列の値をすべて合計して、前の系列との対比でグラフ化されます。これにより、シリーズが「積み重ねられた」視覚効果が生まれます。例については、面グラフ: 積み上げ面 をご覧ください。
次のグラフタイプでは、isStacked
オプションを true
に設定すると、積み重ねを使用できます。
スタイル
特定のプロパティを使用してシリーズの見た目を決定する列ロール。プロパティには color
、opacity
、stroke-width
、stroke-color
があります。style
列の役割の詳細については、使用可能な役割 をご覧ください。
特定のグラフ コンポーネントにカーソルを合わせると、小さなボックスが表示されます。ツールチップのコンテンツは、基になる時系列データから自動的に生成することも、tooltip
列ロールを持つ列に保存することもできます。詳細については、ツールチップ をご覧ください。
トレンドライン
データの全体的な方向性や「傾向」を示す線をグラフに重ねて表示します。詳しくは、トレンドライン をご覧ください。
トップへ戻る
フィードバックを送信
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンス により使用許諾されます。コードサンプルは Apache 2.0 ライセンス により使用許諾されます。詳しくは、Google Developers サイトのポリシー をご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2022-11-01 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
ご意見をお聞かせください