# 以樹狀圖顯示階層式資料

此範例顯示如何製作樹狀圖以檢視階層式資料。您可以在有限空間中顯示大量的值並偵測可能難以透過其他圖表發現的圖樣。

我們將會注意分類為四個層級的不同產品的銷售數字。

* 產品群組
* 產品子群組
* 產品項目

![依產品群組分組的樹狀圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ex_gen_treemap1.png)

## 資料集

在此範例中，我們會使用兩個可用於 Qlik Sense Tutorial - Building an App 的資料檔案。下載並展開教學課程，即可在 Tutorials source 資料夾中使用檔案：

* Sales.xlsx
* Item master.xlsx

若要下載檔案，請至 [Tutorial - Building an App](https://help.qlik.com/zh-TW/cloud-services/tutorials/Tutorial%20-%20Building%20an%20App.zip)。

將兩個資料檔案新增至空的應用程式，並確認依 Item Number 進行關聯。

載入的資料集包含食品和飲料產品的銷售資料。Item Master 表格保留關於產品類別的資訊。

## 視覺化

我們將樹狀圖新增至工作表並設定下列維度和量值。

* 維度 &gt; 群組：Product Group (產品群組)
* 維度 &gt; 群組：Product Sub Group (產品子群組)
* 維度 &gt; 矩形：Item Desc (產品項目說明)
* 量值 &gt; 大小：`Sum(Sales)` (銷售總和)

樹狀圖已建立，每個產品項目具有一個矩形。矩形根據銷售額調整大小並根據 Product Group 和 Product Sub Group 分組。

但我們還想要將更多資訊新增至圖表。矩形依產品群組維度著色，但我們也希望依利潤著色，以查看那些項目最能獲利。您可以在外觀 &gt; 色彩和圖例的屬性面板中這麼做。

* 將色彩設定為自訂。
* 將依量值著色設定為 `Avg(Margin/Sales)`

我們也希望在圖表中查看銷售值。您可以透過值標籤 外觀 &gt; 呈現來開啟。

## 探索

![依產品群組分組的樹狀圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ex_gen_treemap1.png)

我們可以在圖表中看見 Produce 具有最大的銷售額，其次是 Canned Products。依利潤著色可讓您識別醒目的產品項目或群組。您可以選取產品群組，以在樹狀圖中向下探查。

![樹狀圖向下探查顯示特定產品類型。](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ex_gen_treemap2.png)

我們已在此選取 Produce，然後 Fresh Fruit。Tell Tale Red Delicious Apples 是第一名的銷售員，但 Ebony Red Delicious Apples 的利潤較高。