# ツリーマップ

ツリーマップでは、ネストされた長方形、つまり、より大きな長方形の中に入った小さな長方形を使用して階層データが表示されます。

![ツリーマップ。](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Resources/Images/ui_gen_Treemap.png)

このスクリーンショットでは、Produce や Canned Products、Frozen Foods など、複数の製品グループがあります。各製品グループは、1 つの大きな長方形で構成されています。製品グループは、ツリーのブランチと考えることができます。製品グループを 1 つ選択すると、次のレベル (Vegetables、Meat、Dairy などの製品タイプ) にドリルダウンします。製品タイプは、ツリーのサブブランチです。ブランチにはリーフがあります。リーフ ノードの長方形は、指定されたデータの軸に比例する面積を持っています。この例では、Ebony Squash や Bravo Large Canned Shrimp、Red Spade Pimento Loaf がリーフとなります。リーフ ノードは、データの別個の軸を表示するよう色分けされています。

ソートはサイズに応じて自動的に行われます。既定では、12 色を使用して軸ごとに色付けが行われますが、これはプロパティ パネルで変更できます。軸が複数ある場合は、どの軸に色を付けるかを決めることができます。この例では、色分けは軸ではなく、数式 (Avg(Margin)) を基準に行われています。この数式は計算メジャーであり、これを使用することで平均利ざやが最も高いアイテムを特定できます。色が濃いほど、平均利ざやは高くなります。

データ セットに負の値が含まれている場合は、負の値を表示できないというテキスト メッセージが表示されます。

[Treemap](https://play.vidyard.com/XC2WY8dYYzHxZzirYPYmNZ)

## 使用に適しているケース

ツリーマップは、スペースが限られており、概要を把握する必要のある階層データが多量にある場合に適しています。ツリーマップは主に集計可能な値で使用するべきです。

### 長所

ツリーマップは、限定的なスペースで使用でき、多数のアイテムを同時に表示できます。

ツリー構造の色とサイズに相関関係があれば、他の方法では見つけにくいパターンを発見できます (特定の色が関係している場合など)。

### 短所

ツリーマップは、メジャー値の規模に大きな差がある場合は適していません。また、絶対値と相対値が混在している場合にも適切な選択肢とは言えません。

ツリーマップでは、負の値は表示できません。

## ツリーマップの作成

編集中のシートにツリーマップを作成することができます。

次の手順を実行します。

1. アセット パネルから、空のツリーマップをシートにドラッグします。
2. [軸を追加] をクリックして、軸または項目を選択します。 これは、階層の最上位レベルにします。これは、チャートのメイングループとして表示されます。
3. [メジャーを追加] をクリックし、メジャーを選択するか、項目からメジャーを作成します。 メジャーは、長方形のサイズを定義します。
4. 階層レベルの順に軸を追加します。最後に追加した軸によって長方形が定義されます。他の軸は、長方形のグループ化を定義します。

ツリーマップでは少なくとも 1 つの軸と 1 つのメジャーが必要ですが、ツリーマップをフル活用するには、2 つまたは 3 つの軸の使用が推奨されます。メジャーは 1 つしか持てませんが、軸は 15 まで可能です。ツリーマップが管理不能になる可能性があるため、3 つより多くの軸を使用することはお勧めしません。

ツリーマップを作成したら、プロパティ パネルでスタイルの調整や他の設定の変更ができます。 スタイル指定に関する情報については、[ツリーマップのスタイル指定](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/treemap.htm#Styling) を参照してください。チャートのスタイルの他の側面をカスタマイズに関する情報については、[ビジュアライゼーションの外観の変更](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm) を参照してください。

## ツリーマップのスタイル指定

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [the スタイル指定 icon] をクリックします。スタイル指定パネルの [基本設定] および [チャート] タブには、さまざまなセクションがあります。

各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。

### テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   * タイトル

   * サブタイトル

   * 脚注

4. [チャート] タブで、次のテキスト要素のフォント、フォント サイズ、その他の該当するプロパティを設定します。

   * ヘッダー ラベル: ヘッダー ラベルのスタイルを指定します。フォント、フォント サイズ、色をカスタマイズできます。

   * リーフ ラベル: リーフ要素のラベルのスタイルを指定します。

   * 凡例タイトル: 凡例のタイトルのスタイルを決めます。 フォント、フォント サイズ、色をカスタマイズできます。

   * 凡例ラベル: 個別の凡例アイテムのラベルのスタイルを決めます。 フォント、フォント サイズ、色をカスタマイズできます。

### 背景のカスタマイズ

一般的な背景とヘッダー エリアの背景をカスタマイズできます。一般的な背景は色と画像で設定でき、ヘッダー エリアの背景は単色に設定できます。

スタイル指定パネルで、背景オプションを構成できます。

#### 一般的な背景の設定

チャートの一般的な背景には、タイトル エリア、そしてチャート自体が含まれますが、これはヘッダーによって一部覆われている可能性があります。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

#### ヘッダー背景の設定

ヘッダー エリアは、チャートに 2 つ以上の軸が追加されると表示される、長方形の階層を囲む枝のようなフレームです。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル指定パネルの [チャート] タブの [ヘッダー背景色] で背景色を選択します。.

### 境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

4. 境界線の色を選択します。

5. [角の半径] を調整して、境界線の丸みを制御します。

6. [一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。

## 表示の制限

### 大量のデータ

ツリーマップで大量のデータを表示する場合は、長方形内の各軸の値が正しい色とサイズで表示されないことがあります。正しく表示されないこれらの値は、代わりにグレーの縞領域として表示されます。長方形のサイズと合計値は正しいままですが、長方形の内部に明確に表示されない軸の値が含まれています。

グレー領域を取り除くには、プロパティ パネルで、選択を行うか、または軸の制限を使用します。

### 色と凡例

このチャートで軸による色分けを使用すると、最大 100 個の一意の軸値と 100 個の一意の色を凡例にプロットできます。

関連する学習:

* [ツリーマップの解釈](https://help.qlik.com/lnk/Interpreting_treemaps)

## 詳細を見る

* [ツリーマップの解釈](https://help.qlik.com/lnk/Interpreting_treemaps)