> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# エリアチャート

> ダッシュボードにおけるエリアチャートは、時系列データや多次元データをもとに、塗りつぶしの色や積み上げ表現で数値の変化と構成を直感的に示すグラフです。売上トレンドやリソース配分の表示に適しており、重要なデータ変化の把握やカテゴリ間の貢献比較を素早く行えます...

ダッシュボードにおけるエリアチャートは、時系列データや多次元データをもとに、塗りつぶしの色や積み上げ表現で数値の変化と構成を直感的に示すグラフです。売上トレンドやリソース配分の表示に適しており、重要なデータ変化の把握やカテゴリ間の貢献比較を素早く行えます。

## エリアチャートの追加

ダッシュボード左上の **グラフを追加** をクリックし、ポップアップメニューのグラフタイプから **エリアチャート** を選びます。

![](https://img.alicdn.com/imgextra/i3/O1CN01SBetmM1p62FmAialX_!!6000000005310-0-tps-389-393.jpg)

## エリアチャートの設定

タイプとデータ、カスタムスタイルの設定を行います。

**データ**：エリアチャートのデータソースを選択できます。データテーブルとデータ範囲を指定でき、データ範囲で **全データ** を選ぶと、フィルター条件を設定できます。

![](https://img.alicdn.com/imgextra/i4/O1CN01z19I1A1YVp5O0HV6x_!!6000000003065-0-tps-300-305.jpg)

**グラフ**：基本エリアチャート、積み上げエリアチャート、100% 積み上げエリアチャートなど、グラフタイプを切り替えられます。配色も設定可能です。

![](https://img.alicdn.com/imgextra/i1/O1CN01o57QDe2AENOk9LL3A_!!6000000008171-0-tps-291-204.jpg)

**横軸**：横軸のフィールドを選択し、並べ替え基準（横軸値、縦軸値、レコード順）と並べ替え規則（昇順または降順）を設定します。

![](https://img.alicdn.com/imgextra/i4/O1CN01t4i6fu1t29MAoKpaz_!!6000000005843-0-tps-296-271.jpg)

**縦軸**：集計方法（レコード総数の集計または数値フィールドの集計）、縦軸の内容、グループ集計の有無を設定します。集計方法でレコード総数の集計を選ぶ場合は、グループ集計の内容（グループ化なし、または特定フィールドでグループ化）のみを設定します。集計方法で数値フィールドの集計を選び、グループ集計を行わない場合は、複数の縦軸フィールドを追加し、それぞれに集計方法（カウント、合計、平均、最大値など）を設定できます。縦軸フィールドの削除、上下移動も可能です。グループ集計を行う場合は、縦軸フィールドは 1 つのみ追加でき、集計方法を設定します。なお、グループ集計を行う場合、横軸を縦軸値で並べ替えることはできません。

![](https://img.alicdn.com/imgextra/i2/O1CN01E6Y8Fi1wPukqjEMfH_!!6000000006301-0-tps-297-338.jpg)

**注**：フィールドが数値形式の場合のみ、集計方法を合計、最大値、最小値、平均値に設定できます。

**カスタムスタイル**：背景色、凡例の位置、数値表示、グリッド線の表示、軸ラベルの表示、重なり数値の設定、折れ線タイプ、横軸・縦軸の表示、軸線の表示、目盛りラベルの表示、横軸ラベルの角度などをカスタマイズでき、個別のニーズに対応できます。

![](https://img.alicdn.com/imgextra/i4/O1CN01HnkrUK27MfixtXDs0_!!6000000007783-0-tps-307-587.jpg)

## エリアチャートの管理

追加済みのエリアチャートにマウスを合わせ、右上のアイコンをクリックすると、設定、名前変更、複製、ダッシュボードセンターに追加、画像としてコピー、画像としてエクスポート、削除などの操作を選べます。

![](https://img.alicdn.com/imgextra/i3/O1CN018tP8901IIy7NA3DoV_!!6000000000871-0-tps-504-325.jpg)

また、エリアチャート右下をドラッグするとサイズを調整でき、上部エリアをドラッグすると位置を変更できます。
