面グラフは、折れ線グラフまたは期間グラフの変形です。このグラフでは、プロットされた線の下の色分けされた部分を使ってデータ量を表します。期間グラフと同様に、一定期間におけるデータの推移を確認する場合に役立ちます。
Looker Studio の面グラフ
面グラフでは、単一のディメンション（内訳ディメンション）と指標の一定期間の推移を視覚化できます。
面グラフの例
次の例では、2 つの面グラフを表示しています。どちらのグラフにも、架空のペットショップのデータが表示されています。最初のグラフには、カテゴリ（「商品カテゴリ」ディメンションに含まれます）別のアイテムの売り上げが表示されています。「商品カテゴリ」ディメンションには、「鳥」「犬」「猫」という 3 つの値があります。
2 番目のグラフには、個々の商品（「アイテム」ディメンションに含まれます）の売り上げが表示されています。
どちらのグラフでも販売された数量の指標（データソースでは「販売数」と呼ばれます）が使用されています。
以下の例では、2 種類の面グラフを紹介しています。最初のグラフは、系列値を 1 つずつ積み上げて階層的に表示したものです。2 番目のグラフは、個々の系列値を積み上げずに同じ起点を基準として表示したものです。
その他の面グラフ
ツールバーから面グラフを追加する際には、基本的な面グラフに加えて、あらかじめ設定されたグラフの種類である積み上げ面グラフまたは 100% 積み上げ面グラフから選択できます。
積み上げ面グラフ
積み上げ面グラフは、各部分と全体の関係を示し、時間の経過に伴うデータの傾向を把握するのに使用します。たとえば、3 つの製品が各月や各四半期の総売上にどのくらい貢献したかを示すことができます。
100% 積み上げ面グラフ
100% 積み上げ面グラフは、各部分と全体の関係を示し、時間の経過に伴うデータの傾向を把握するのに使用します。このグラフは累計が重要でない場合に適しています。
グラフの設定
新しいグラフを追加するか、既存のグラフを選択します。次に、[プロパティ] パネルを使用して、グラフの [設定] タブと [スタイル] タブのプロパティを設定します。
グラフデータを設定する
プロパティ パネルの [設定] タブにあるオプションを使用すると、グラフのデータの構成方法と表示方法を指定できます。
データソース
データソースはコンポーネントと基になるデータセットを接続します。
- グラフのデータソースを変更するには、現在のデータソース名をクリックします。
- データソースを表示または編集するには、
をクリックします。（このアイコンを表示するには、閲覧権限以上の権限が必要です）。 - 複数のデータソースからのデータを 1 つのグラフに表示するには、[+ データの統合] をクリックします。データの統合機能の詳細
期間のディメンション
このオプションは、データソースに有効な日付ディメンションがある場合に表示されます。
注 : Google 広告または Google アナリティクスのデータソースでは、自動的にデータソースの日付型のディメンションが選択されるため、このオプションは表示されません。
「期間」ディメンションは、グラフの期間を指定する際の基準となります。グラフの期間のプロパティを設定する場合や、レポートの閲覧者が期間設定を使って期間を指定する場合などに使用されます。
ディメンション
ディメンションとは、データのカテゴリのことです。ディメンション値（ディメンションに含まれるデータ）は、名前や説明など、カテゴリの特性を表します。
少なくとも 1 つの時間ディメンションが必要です。最初に指定したディメンションは、グラフのメインのデータ系列として使用されます。内訳ディメンションを指定すると、そのグラフで使用できる指標は 1 つだけに制限されます。
ドリルダウン
このオプションは、ドリルダウンをサポートするグラフに表示されます。
グラフをドリルダウンすると、データをより詳しく把握することができます。[ドリルダウン] オプションを有効にすると、追加するディメンションごとにさらに掘り下げて調査できます。グラフのドリルダウンの詳細
内訳ディメンション
選択したディメンションに応じて分類された指標データが表示されます。たとえば、年間の売上データを示すグラフであれば、「販売地域」ディメンションで分割して地域別の売上を表示したり、「従業員 ID」ディメンションで分割して営業担当者別の売上を表示したりすることが可能です。
指標
指標は、ディメンションに含まれる要素を測定し、グラフの数値目盛りとデータ系列を指定します。
指標は、基盤となるデータセットから算出された集計値、または COUNT()、SUM()、AVG() などの集計関数を暗黙的または明示的に適用した結果です。指標自体には値のセットが定義されていないため、ディメンションのように指標でグループ化することはできません。
面グラフには単一の指標を表示できます。
オプションの指標
オプションの指標を追加するには、[オプションの指標] スイッチを選択し、[指標を追加] フィールド セレクタから指標を選択します。[データ] パネルのフィールド リストから [オプションの指標] セレクタに指標をドラッグ＆ドロップすることもできます。
指標スライダー
[指標スライダー] スイッチをオンにして、箱ひげ図に指標スライダーを追加します。
デフォルトの並べ替えを設定する
グラフの設定パネルの [並べ替え] オプションと [内訳ディメンションの並べ替え] オプションを使用して、デフォルトの並べ替え順を設定します。グラフのデータソースの指標や、グラフに現在表示されているディメンションを選択し、メインまたはサブの並べ替えフィールドとして使用できます。
[内訳ディメンションの並べ替え] オプションは、内訳ディメンションが設定されている場合にのみ表示されます。
並べ替えフィールドとして指標を指定する場合、フィールドの集計方法を変更できます。たとえば、グラフに SUM として数値フィールドを含めたとしても、同じフィールドの AVERAGE 値で並べ替えることができます。
デフォルトの期間
デフォルトの期間のプロパティでは、個々のグラフの期間を設定できます。
デフォルトの期間のオプション
| 自動 | グラフのデータソースで設定されているデフォルトの期間を使用します。 |
| カスタム | カレンダー ウィジェットを使用して、グラフのカスタムの期間を選択できます。 |
| 日付比較タイプ | 選択した期間の比較データを表示します。 |
フィルタ
フィルタでは、追加または除外する値を指定することでコンポーネントに表示されるデータを制御できます。フィルタ プロパティの詳細
フィルタ オプション
| フィルタ名 | 既存のフィルタをクリックして編集します。削除するには、フィルタ名にカーソルを合わせて X をクリックします。 |
| + フィルタを追加 | グラフのフィルタを新しく作成するには、このオプションをクリックします。 |
グラフ インタラクション
グラフで [クロス フィルタリング] オプションを有効にすると、そのグラフを介してフィルタ オプションを使用できます。レポートをフィルタリングするには、グラフ上でマウスをクリックまたはブラッシングします。クロス フィルタリングの詳細
[ズーム] オプションを使用すると、グラフにズームインし、グラフをパンして、存在するすべてのデータを表示できます。座標型のグラフのズームとパンに関する詳細
グラフのスタイルの設定
[スタイル] タブのオプションでは、グラフの全体的なデザインと表示形式を設定します。
タイトル
[タイトルを表示] オプションを有効にして、グラフにタイトルを追加します。Looker Studio ではタイトルを自動生成できますが、グラフにカスタム タイトルを作成することもできます。タイトルのスタイルや配置をカスタマイズすることもできます。
自動生成
このオプションはデフォルトで有効になっています。[自動生成] を選択すると、グラフの種類とグラフで使用されているフィールドに基づいてタイトルが生成されます。グラフの種類を変更したり、グラフで使用されているフィールドを変更したりすると、自動生成されたタイトルが更新されます。
グラフにカスタム タイトルを追加するには、[タイトル] フィールドにタイトルを入力します。これにより、[自動生成] チェックボックスがオフになり、この設定が無効になります。
タイトルのオプション
| タイトル | レポートの編集者は、グラフのカスタム タイトルをテキスト フィールドに入力できます。 |
| タイトルのフォントタイプ |
タイトル テキストのフォントタイプを設定します。 |
| タイトルのフォントサイズ | タイトル テキストのフォントサイズを設定します。 |
| フォント スタイルのオプション | タイトル テキストに太字、斜体、下線のスタイル設定を適用します。 |
| タイトルのフォントの色 | タイトル テキストのフォントの色を設定します。 |
| 左 | グラフのタイトルをグラフの左側に揃えます。 |
| センター | グラフのタイトルをグラフの上側または下側の中央に配置します。 |
| 右 | グラフのタイトルをグラフの右側に揃えます。 |
| 上部 | グラフのタイトルをグラフの上部に配置します。 |
| 下 | グラフのタイトルをグラフの下部に配置します。 |
面グラフ
このセクションで、グラフ全体の表示形式やレイアウトを設定します。
| スタックを表示 | データ系列を積み上げて表示します。 | |
| 割合による表示 | このオプションを選択すると、各データ系列が全体に占める割合を示すグラフ（100% 積み上げグラフ）が表示されます。 | |
| 累積表示 | オンにすると、一定期間にわたるデータ系列の値が積算されます。オフの場合、データは累積されずに表示されます。 | |
| ポイントを表示する | 個々のデータポイントを表示します。各データポイント上にカーソルを合わせると、その値が表示されます。 | |
| データラベルを表示 | この系列の各データポイントに対し、個々の値を表示します。このオプションを選択すると、 [ データラベル ] セクション も表示され、グラフ上のラベルの表示形式を設定できます。 | |
データラベル
[面グラフ] セクションで [データラベルを表示] チェックボックスをオンにすると、次のオプションを設定できます。
| 数値の短縮表示 | 数値を四捨五入して単位記号を表示しますたとえば「553,939」は「553.9K」になります。 |
| 数値精度 | 指標値の小数点以下の桁数を設定します。 |
| ラベルのフォントサイズ | ラベルテキストのフォントサイズを設定します。 |
| ラベルのフォントの色 | ラベルテキストのフォントの色を設定します。 |
| ラベルのフォント ファミリー | ラベルテキストのフォントタイプを設定します。 |
| フォント スタイルのオプション | ラベルテキストに太字または斜体のスタイル設定を適用します。 |
| ラベルの背景 | ラベルテキストの背景色を設定します。 |
| ラベルの不透明度 | カスタムの背景色が適用されやラベルの場合、この設定ではラベルテキストの背景の不透明度が調整されます。不透明度を 100% に設定すると、背景が無地になり、0% に設定すると、背景が完全に透明になります。 |
| ラベルの枠線の半径 | カスタムの背景色が適用されたラベルの場合、この設定ではグラフの背景に角丸の枠線が追加されます。0px（角が 90°）から 20px（最大限の丸み）の範囲で値を選択します。 |
基準線
[基準線を追加] または [基準帯域を追加] を選択して、基準線または基準帯域をグラフに追加します。
基準線と基準帯域について詳しくは、グラフに基準線と基準帯域を追加する方法に関するページをご覧ください。基準線は 100% 積み上げ面グラフでは使用できません。
系列の数
グラフに表示する内訳ディメンションの系列数を指定します。この設定は、[内訳ディメンション] に値を設定している場合に利用できます。プルダウン メニューから表示する系列数を選択します。表示される系列は、[内訳ディメンションの並べ替え] の指定に基づきます。
「その他」グループに含める
[「その他」グループに含める] チェックボックスをオンにすると、指定した [系列の数] の範囲を超える結果が [その他] というラベルの付いた系列にまとめられます。このチェックボックスをオンにすると、他の系列とそれ以外の結果を比較できます。
配色
データの配色方法を指定します。詳しくは、データの配色に関する説明をご確認ください。
以下のオプションは、グラフにセカンダリ（内訳）ディメンションがある場合に表示されます。
| 単色 | このオプションを選択すると、データ系列は単色の濃淡で表示され、オフにすると、グラフは [レポートのテーマ](/looker/docs/studio/how-to-color-your-reports) に応じて複数の色で表示されます。各データ系列のカラー選択ツールを使用して、特定の色を設定できます。 |
| シリーズの順序 | 現在のテーマを使用して、グラフ内の位置に基づいてデータを色付けします。このオプションを使用したグラフでは、データの同一性よりも、そのデータの順位付けを前面に押し出すことができます。 各データ系列のカラー選択ツールを使用して、特定の色を設定できます。 |
| ディメンション値 | このオプションでは、ディメンション値のカラーマップに指定された色で、グラフの各ディメンション値を色付けします。このオプションを使用すると、グラフ内の位置に関係なく、同じデータには常に同じ色が使用されます。 |
データがありません
時間ディメンションにデータが欠落している場合は、このオプションが表示されます。Looker Studio では、3 つの方法でこの状況に対処できます。
| ゼロとして扱う | このオプションを選択すると、データが欠落している日付については線の位置がゼロにまで下がります。これはデフォルトのオプションです。 |
| 改行 | このオプションを選択すると、データが欠落している場合は、データ系列が途切れて表示されます。 |
| 線形補間 | このオプションを選択すると、欠落したデータの両側にあるデータポイントを結合して系列が作成されます。 |
ズーム
プロパティ パネルの [設定] タブでグラフの [ズーム] オプションを有効にすると、次のいずれかのオプションを選択できます。
- クリック＆ドラッグでズーム : 可視化の拡大する部分をクリックおよびドラッグして選択し、ズームします。
- スクロールでズーム : マウスでスクロールしてズームします。
必要に応じて、[X 軸のみをパンまたはズーム] チェックボックスをオンにすると、X 軸に沿ったズームとパンのみが許可されます。
軸
このオプションでは、グラフの軸のタイトルと目盛の表示形式を設定します。グラフに複数の指標がある場合は、右側の Y 軸のセクションが表示されます。
軸オプション
| 軸を表示する | グラフの軸の表示 / 非表示を切り替えます。 |
| Y 軸を逆方向にする | Y 軸の垂直表示を制御します。 |
| X 軸を逆方向にする | X 軸の水平表示を制御します。 |
左 Y 軸
グラフ左側の Y 軸の表示形式を設定します。グラフに複数の指標がある場合は、右側の Y 軸のセクションが表示されます。
軸オプション
| 軸タイトルを表示 | 軸ラベルの表示 / 非表示を切り替えます。 | |
| 軸の最小値と最大値 | 軸の最小値と最大値を設定します。 | |
| カスタム目盛り間隔 | 軸の目盛りの間隔を制御します。 | |
| 対数目盛 | 軸の目盛りを対数に設定します。 | |
X 軸
グラフの X 軸の表示形式を設定します。
軸オプション
| 軸タイトルを表示 | 軸ラベルの表示 / 非表示を切り替えます。 | |
| カスタム目盛り間隔 | 軸の目盛りの間隔を制御します。 | |
| 範囲 | X 軸の範囲を設定します。 | |
グリッド
グラフのグリッドの表示形式を設定します。
| 軸の色 | 軸線の色を設定します。 | |
| グリッドの色 | グリッド線の色を設定します。 | |
| フォント ファミリー | グリッド線のテキストのフォントタイプを設定します。 | |
| 軸のフォントサイズ | グリッド線のテキストのフォントサイズを設定します。 | |
| グラフの背景 | グラフの背景色を設定します。 | |
| グラフの枠線の色 | グラフの内側の枠線の色を設定します。 | |
Legend
グラフの凡例の配置場所を設定します。
| 凡例のフォント色 | 凡例のフォントの色を設定します。 |
| フォントサイズ | 凡例のフォントのサイズを設定します。 |
| フォント ファミリー | 凡例のフォントのフォントタイプを設定します。 |
| なし | 凡例は表示されません。 |
| 右 | 凡例は右側に表示されます。 |
| 下 | 凡例は下部に表示されます。 |
| 上部 | 凡例は上部に表示されます。 |
| アライメント | 選択した位置を基準にして凡例の配置を設定します。 |
| 最大行数 | 凡例が使用する行数を設定します。系列数が行数よりも多い場合は、\< と \> の矢印をクリックすると、隠れている項目を表示できます。この設定は、凡例が [上] に設定されている場合にのみ適用されます。凡例が [右] または [下] に設定されている場合、この設定は適用されません。 |
背景と枠線
グラフの背景コンテナの表示形式を設定します。
| 背景 | グラフの背景色を設定します。 |
| 枠線の角丸半径 | グラフの背景に角丸の枠線を追加します。半径を 0 にすると、背景の角が 90° になります。枠線の角丸半径を 100° にすると、角が丸くなります。 |
| 不透明度 | グラフの不透明度を設定します。不透明度を 100% に設定すると、対象物がグラフの背後に隠れます。不透明度を 0% に設定すると、グラフは非表示になります。 |
| 枠線の色 | グラフの枠線の色を設定します。 |
| 枠線の太さ | グラフの枠線の太さを設定します。 |
| 枠線スタイル | グラフの枠線のスタイルを設定します。 |
| 枠線に影を付ける | グラフの下側と右側の枠線に影を追加します。 |
グラフのヘッダー
グラフのヘッダーでは、データのエクスポート、ドリルアップ、ドリルダウン、グラフの並べ替えなど、グラフに対してさまざまな操作を実行できます。グラフのヘッダーのオプションは次のとおりです。
| カーソルを合わせて表示（デフォルト） | グラフのヘッダーにカーソルを合わせると、縦に 3 つ並んだ点が表示されます。これらの点をクリックしてヘッダーのオプションにアクセスします。 |
| 常に表示 | ヘッダーのオプションを常に表示します。 |
| 表示しない | ヘッダーのオプションを表示しません。レポートの閲覧者は、いつでもグラフを右クリックしてオプションにアクセスできます。 |
| 色 | グラフのヘッダーのオプションの色を設定します。 |