> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 積上げ面グラフ

## はじめに

積上げ面グラフは、各線の下にあるスペースがそれぞれ 異なった色 で埋められる、複数 [積上げ縦棒グラフ](/s/article/360042923334 "積上げ棒グラフ") のように、色がついた「セグメント」が積み重ねられたり横に並んだりします。 各セグメントの総面積は、そのカテゴリのデータアイテム全ての累積値を反映します。

積上げ面グラフは、標準的な面グラフに類似しています。ただし、積上げ面グラフでは、全てのセグメントが一度に横並びまたは積み重なって表示されるのに対して、標準的な面グラフでは、全てのセグメントは同じベースラインを起点とするため、重って表示されます。

## サブタイプ

積上げ面グラフにはサブタイプがいくつかあります。それには、次が全て含まれます：

* 縦曲線積上げ面グラフ
* 縦階段積上げ面グラフ
* 横曲線積上げ面グラフ
* 横階段積上げ面グラフ
* 縦100%積上げ面グラフ
* 縦100%曲線積上げ面グラフ
* 縦100%階段積上げ面グラフ
* 横100%積上げ面グラフ
* 横100%曲線積上げ面グラフ
* 横100%階段積上げ面グラフ

これらのサブタイプのスクリーンショットと説明に関しては、 [利用可能なグラフタイプ](/s/article/ "利用可能なグラフタイプ") を参照してください。

## 積上げ面グラフを作成する

積上げ面グラフは、DataSet から3つのデータ列または行を必要とします。1つはカテゴリ（通常は日付）、1つは系列データ、そして1つは数値です。 値、カテゴリー、系列データについては、 [チャートデータについて](/s/article/360043428693 "チャートデータについて") を参照してください。

Analyzer で、積上げ面グラフのデータが入っている列を選択します。 データ列を選択する方法に関しては、 [DataSet 列をチャートに適用する](/s/article/360043428713 "DataSet 列をチャートに適用する") を参照してください。

Analyzer でチャートをフォーマットする方法に関しては、 [KPI カード作成パート 2： Analyzer](/s/article/ "KPI カード作成パート 2： カードビルダー") を参照してください。

次の図は、典型的な列ベースのスプレッドシートのデータがどのように横積上げ面グラフに変換されるかを示しています：

<Frame>
  <img alt="area_graph_spreadsheet_example_new.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/7Nd5Hb-h9pITriJg/images/kb/ka05w00000123pq-00N5w00000Ri7BU-0EM5w000005vPIY.png?fit=max&auto=format&n=7Nd5Hb-h9pITriJg&q=85&s=15a4bc9272b8cf598ccaf05030fce4d6" width="714" height="668" data-path="images/kb/ka05w00000123pq-00N5w00000Ri7BU-0EM5w000005vPIY.png" />
</Frame>

以下の図は、典型的な列ベースのスプレッドシートのデータがどのように縦積上げ面グラフに変換されるかを示しています。

<Frame>
  <img alt="vertical_area_graph_spreadsheet_example_new.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/STh97d86twEaUU5_/images/kb/ka05w00000124xr-00N5w00000Ri7BU-0EM5w000005wLRM.png?fit=max&auto=format&n=STh97d86twEaUU5_&q=85&s=3b58b82f39d9f9d23a11e251f3b2c63e" width="740" height="665" data-path="images/kb/ka05w00000124xr-00N5w00000Ri7BU-0EM5w000005wLRM.png" />
</Frame>

## 積上げ面グラフをカスタマイズする

積上げ面グラフの外観は、 **チャートの設定** を編集することでカスタマイズすることができます。 チャートの設定の全オプションについては、 [チャートの設定リファレンスガイド](/s/article/ "チャートの設定") を参照してください。 積上げ面グラフ固有のプロパティには、以下があります。 サムネイル画像をクリックすると、拡大画像が表示されます。

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:203;a"><thead><tr><th colspan="1" rowspan="1"><p> プロパティ </p></th><th colspan="1" rowspan="1"><p> 説明 </p></th><th colspan="1" rowspan="1"><p> 例 </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><p> 一般 > スタイル </p></td><td colspan="1" rowspan="1"><p> 積上げ面グラフのスタイルを、「展開」「折りたたみ」「曲線」または「階段」から決定します。デフォルトのスタイルは、選択したサブタイプに依存します。 「折りたたみ」を選択した場合、右側の例のような3次元風になります。 </p></td><td colspan="1" rowspan="1"><img alt="" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/U1MglXZKeJZebGlP/images/kb/ka05w00000123lK-00N5w00000Ri7BU-0EM5w000005vP0t.png?fit=max&auto=format&n=U1MglXZKeJZebGlP&q=85&s=cccf3441062d17da35bc88a502f4759e" width="712" height="288" data-path="images/kb/ka05w00000123lK-00N5w00000Ri7BU-0EM5w000005vP0t.png" /></td></tr></tbody></table>

日本語
