グラフコンポーネント
ページ内でデータグラフを構築・表示するためのコンポーネントを、グラフコンポーネントと呼びます。
グラフコンポーネントの追加手順は、コンポーネントの追加方法を参照してください。
グラフの設定
グラフコンポーネントの設定エリアは、ページのキャンバスエリアの右側にあります。グラフコンポーネントをクリックして選択すると、そのコンポーネントの設定内容が自動的に展開されます。
グラフコンポーネントの設定内容には、データ設定とスタイル設定があります。
ワークシートの選択
データ設定を始めるときは、まずグラフコンポーネントで使用するワークシートを選択する必要があります。
ステータスが「使用可能」のワークシートを使用できます。
選択したワークシートは、後から編集時に変更することもできます。ワークシートを変更すると、完了済みのデータ設定はクリアされます。
ワークシートを選択すると、そのワークシート内でグラフの設定に使用できるすべてのフィールドが設定エリアに表示されます。
グラフの設定に使用できるフィールドタイプは、文字列、数値、日付、時間、ブール値です。それ以外の使用できないタイプは、グラフの設定エリアに表示されません。
データ設定
グラフコンポーネントのデータ設定には、次の項目があります。
- ディメンション：データの分類方法です。グラフでデータをどのように分割するかを決めます（例：「日付」「チャネル」「国」別に確認する）。
- 指標：観察したいデータの値で、確認したい具体的な定量結果を表します（例：クリック数の「合計」、継続率の「平均値」）。
- フィルター：条件を設定してデータを除外または絞り込み、特定の部分だけを残します。
- 並べ替え：データの並び順のルールです。グラフ内の各項目の順序を決めます。
このうち、ディメンション、指標、フィルターは、いずれもフィールドを一括で選択してドラッグできます。
グラフの描画時には、データ設定の内容に従い、ワークシート内のデータをもとに改めて集計計算が行われます。
ディメンション（サブディメンション）の設定
すべてのタイプのフィールドをディメンションの設定に使用できます。右側からフィールドをディメンションの設定エリアにドラッグしてください
ディメンションフィールドを1つ選択すると、そのディメンションに対して次の操作ができます。
- 非表示：テーブルのみ対応しています。非表示にしたディメンションフィールドは通常どおり計算に使用されますが、テーブルには表示されません
- フィールドを編集：グラフ内での表示名を変更します。ワークシート内のフィールド名には影響しません
- 削除：そのフィールドを取り除きます
指標の設定
すべてのタイプのフィールドを指標の設定に使用できます。右側からフィールドを指標の設定エリアにドラッグしてください
指標フィールドを1つ選択すると、その指標に対して次の操作ができます。
- 集計方式：合計、平均値、数、ユニーク、最大値、最小値に対応しています
- 数字表示形式：切捨て、小数点以下の桁数の変更、割合の桁数の変更、カスタム形式に対応しています
- 非表示：テーブルのみ対応しています。非表示にした指標フィールドは通常どおり計算に使用されますが、テーブルには表示されません
- フィールドを編集：グラフ内での表示名を変更します。ワークシート内のフィールド名には影響しません
- 削除：そのフィールドを取り除きます
単一フィールドの集計のほか、カスタム指標を追加して、継続率や1人あたりの売上などの数式による計算も実現できます。詳しくはカスタム指標を参照してください。共通指標を設定済みの場合は、それを直接使用することもできます。
フィルターの設定
すべてのタイプのフィールドをフィルターの設定に使用できます。
フィルターの結果は、現在設定しているグラフにのみ適用され、同じワークシートを使用する他のグラフには影響しません。
フィルターフィールドを1つ選択すると、次の操作ができます。
-
フィルター設定：フィルタールールを設定します。また、フィルターフィールドを「グラフ内フィルター」に設定することもできます。
- 「グラフ内フィルター」に設定すると、グラフの上部に表示され、閲覧者も必要に応じてフィルタールールを調整できます。
- デフォルトのフィルタールールは、編集者が設定エリアで設定したフィルタールールです。
- フィルタールールが設定されていない場合、そのフィールドのフィルターは適用されません。
-
フィールドを編集：グラフ内での表示名を変更します。ワークシート内のフィールド名には影響しません
-
削除：そのフィールドを取り除きます
並べ替えの設定
並べ替えには、追加済みのディメンションと指標のみを選択できます。
並べ替え項目が複数ある場合は、まず並べ替え項目の順序に従って複合的に並べ替え、並べ替え後のデータを使ってグラフを描画・表示します。
数値タイプの並べ替え項目は、昇順と降順で並べ替えられます。数値以外のタイプは、アルファベット順で並べ替えられます。
指標を並べ替えに追加すると、指標の計算結果に従って並べ替えられます。
スタイル設定
スタイル設定で、グラフの表示スタイルをカスタマイズできます。設定できるスタイルの内容はグラフの種類によって異なります。具体的な設定内容は、下記の各グラフの種類で確認してください。
グラフの種類
テーブル
データ設定では、少なくとも1つの指標を設定する必要があります。ディメンション、フィルター、並べ替えは任意で設定できます。
スタイル設定には次の項目があります。
- グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
- テキストの配置：テーブル内のヘッダー、ディメンション、指標の配置を設定できます
- テーブルスタイル：3種類のヘッダーと縞模様の行のスタイルから選択できます
- 1ページの表示行数：1ページに表示する行数を選択できます。データの行数が1ページの件数を超えると、ページ切り替えが表示されます
- NULL値の表示：ワークシート内のNULL値を、設定に応じた表示結果で表示できます
- 外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
ピボットテーブル
データ設定では、少なくとも1つの指標を設定する必要があります。行ディメンション、列ディメンション、フィルター、並べ替えは任意で設定できます。
スタイル設定には次の項目があります。
- グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
- テキストの配置：テーブル内のヘッダー、ディメンション、指標の配置を設定できます
- テーブルスタイル：3種類のヘッダーと縞模様の行のスタイルから選択できます
- 1ページの表示行数：1ページに表示する行数を選択できます。データの行数が1ページの件数を超えると、ページ切り替えが表示されます
- NULL値の表示：ワークシート内のNULL値を、設定に応じた表示結果で表示できます
- 合計の表示：行の合計、列の合計を表示するかを選択できます
- 外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
折れ線グラフ
データ設定では、少なくとも1つの指標を設定する必要があります。ディメンション、サブディメンション、フィルター、並べ替えは任意で設定できます。
スタイル設定には次の項目があります。
- グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
- 指標設定：指標が複数ある場合、指標ごとに折れ線のスムーズ、直線、線の太さを設定できます
- 軸：軸の表示・非表示、ラベルの間隔を設定します。X軸ではラベルの表示角度を、Y軸では最大値と最小値を設定できます
- 表示件数：折れ線グラフを描画する際のX軸のディメンション数の上限と、線の本数を決めるサブディメンション数の上限を設定します
- 欠落データ：ディメンションは存在するものの、対応する指標の計算結果がない場合に、折れ線グラフをどのように描画するかを設定します
- 外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
指標カード
データ設定では、少なくとも1つの指標を設定する必要があります。ディメンションとフィルターは任意で設定できます。
複数の指標を設定した場合、指標は並べて表示されます。ディメンションを設定した場合は、ディメンション値ごとに、各ディメンションに対応する指標値が表示されます。
スタイル設定には次の項目があります。
- グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
- 配置：設定した配置は、すべてのディメンション値、指標値、指標名に適用されます
- 表示：指標カードにディメンションを設定している場合、1行に表示するディメンション数の上限を設定できます。上限を超えると折り返して表示されます
- 指標形式：指標名を表示し、指標名と指標値のフォントの色とサイズを設定できます
- ディメンション形式：ディメンションを設定している場合、ディメンション名のフォントの色とサイズ、および表示するディメンションの総数の上限を設定できます
- NULL値の表示：ワークシート内のNULL値を、設定に応じた表示結果で表示できます
- 外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
進捗グラフ
プログレスバー、円形プログレスバー、リキッドチャート、ゲージチャートがあります。
データ設定では、少なくとも1つの指標と1つの目標値を設定する必要があります。フィルターは任意で設定できます。
スタイル設定には次の項目があります。
- グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
- 現在値・目標値：現在値と目標値のテキストの色、フォントサイズ、位置を調整します。
- 指標形式：指標名と割合のテキストの色、フォントサイズ、小数点以下の桁数を調整します。
- プログレスバー/リキッドチャート/ゲージチャートのスタイル：コンポーネントのモード、透明度、外側のリングの太さを調整します。
- 色設定：コンポーネントの色を調整します。
- 外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
棒グラフ
積み上げ棒グラフと百分率積み上げ棒グラフの設定は、棒グラフと同じです。
データ設定では、少なくとも1つの指標を設定する必要があります。ディメンション、サブディメンション、フィルター、並べ替えは任意で設定できます。
スタイル設定には次の項目があります。
- グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
- 棒のスタイル：棒の枠線と角の丸みを設定します
- グラフの切り替え：横棒と縦棒の切り替え、および積み上げ棒グラフと百分率積み上げ棒グラフの切り替えができます
- 軸：軸の表示・非表示、ラベルの間隔を設定します。X軸ではラベルの表示角度を、Y軸では最大値と最小値を設定できます
- 表示件数：棒グラフを描画する際のX軸のディメンション数の上限と、サブディメンション数の上限を設定します
- 外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
円グラフ
データ設定では、ディメンション（セクターの分類として使用）と指標（セクターの割合として使用）を必ず設定する必要があります。グループ、色、サイズ、フィルターは任意で設定できます。並べ替えの設定には対応していません（円グラフには並べ替えのロジックがありません）
スタイル設定には次の項目があります。
-
グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
-
プロットエリア：ディメンション値の色を指定し、塗りつぶしの透明度を設定できます（デフォルトは85%）
-
軸
- セクター数：円グラフに表示するセクターの数に影響します。上限を超えたディメンション値のデータは「その他」にまとめられます
- セクター半径：円グラフの大きさに影響します
- 内径：中央の空白部分の大きさに影響します（つまりドーナツ型になります）。デフォルトは0です
- 内側の枠線：セクターに枠線を追加します
-
タグ
- ラベルを表示：デフォルトで表示されます。オフにすることもできます
- オンにすると、ディメンション、指標、割合を表示するかどうかを追加で設定できます
-
凡例
- 凡例を表示：デフォルトで表示されます。オフにすることもできます
- 位置：上、下（デフォルト）、左、右
- 配置：左（デフォルト）、中央、右
-
NULL値の表示：ワークシート内のNULL値を、設定に応じた表示結果で表示できます
-
外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
散布図/バブルチャート
データ設定では、X軸、Y軸の指標とグループを必ず設定する必要があります。サイズ、フィルターは任意で設定できます。並べ替えの設定には対応していません。
スタイル設定には次の項目があります。
-
グラフタイトル：オンにすると、グラフのタイトルがグラフの上部に表示されます
-
プロットエリア：ディメンション値の色を指定し、塗りつぶしの透明度を設定できます（デフォルトは85%）
-
軸：軸の表示・非表示、ラベルの間隔を設定します。X軸ではラベルの表示角度を、Y軸では最大値と最小値を設定できます
-
グリッド線：グラフにグリッド線を表示するかどうかを設定します
-
凡例
- 凡例を表示：デフォルトで表示されます。オフにすることもできます
- 位置：上、下（デフォルト）、左、右
- 配置：左（デフォルト）、中央、右
-
NULL値の表示：ワークシート内のNULL値を、設定に応じた表示結果で表示できます
-
外観設定：このコンポーネントの背景色、枠線の色、枠線の太さを設定します
2軸組み合わせ図
データ設定では、メイン軸の指標またはサブ軸の指標を1つ設定する必要があります。ディメンション、サブディメンション、フィルター、並べ替えは任意で設定できます。
2軸組み合わせ図に固有のスタイル設定には、次の項目があります。
- グラフの切り替え：メイン軸とサブ軸にそれぞれグラフの種類を設定できます。棒グラフ、積み上げ棒グラフ、百分率積み上げグラフ、折れ線グラフに対応しています
- 折れ線のスタイル：折れ線グラフの設定と同じです
- 棒のスタイル：棒グラフの設定と同じです