# 建立樹狀圖

樹狀圖使用巢狀矩形 (即較小矩形嵌套在較大矩形) 來顯示階層式資料。

您可以在編輯的工作表中建立樹狀圖。

請執行下列動作：

1. 在資產面板中，開啟圖表。
2. 在 視覺效果 下，拖曳一個空白的樹狀結構圖到工作表。
3. 按一下新增維度，並選取維度或欄位。 這應為階層中的最高程度。這將會顯示為圖表中的主要群組。
4. 按一下新增量值，並選取量值或從欄位中建立量值。 量值將會定義矩形的大小。
5. 按階層順序新增更多維度。您新增的最後一個維度定義矩形。其他維度定義矩形的群組。

在樹狀圖中，至少需要有一個維度和一個量值，但為了充分利用樹狀圖，最好有兩個或三個維度。最多只可以有一個量值，但最多可達 15 個維度。我們不建議使用超過三個維度，因為樹狀圖可能會變得無法管理。

建立樹狀圖後，您可以在屬性面板中調整其外觀和其他設定。如需關於樣式設定的資訊，請參閱 [設定樹狀圖樣式](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/create-treemaps.htm#Styling)。如需關於自訂其他圖表外觀層面的資訊，請參閱 [變更視覺化外觀](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm)。

## 設定樹狀圖樣式

在屬性面板的外觀之下提供一些樣式選項。

按一下外觀 > 呈現之下的 the 樣式 icon以進一步自訂圖表樣式。樣式面板在一般和圖表索引標籤之下包含各種區段。

您可以按一下每個區段旁邊的 ![重設](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 以重設樣式。按一下 ![重設](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg)全部重設可在樣式面板中重設所有可用索引標籤的樣式。

如需關於設定個別視覺化樣式的一般資訊，請參閱 [將自訂樣式套用至視覺化](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。

### 自訂文字

您可以在外觀 > 一般之下設定標題、子標題和註腳的文字。若要隱藏這些元素，關閉顯示標題。

圖表上不同標籤的可見性取決於圖表特定設定和標籤顯示選項。可在屬性面板中設定這些內容。

您可以設定顯示在圖表中的文字樣式。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。

3. 在一般索引標籤，設定下列文字元素的字型、強調樣式、字型大小和色彩：

   * 標題

   * 副標題

   * 註腳

4. 在圖表索引標籤，設定下列文字元素的字型、字型大小和任何其他適用屬性：

   * 標頭標籤：設定標頭標籤的樣式。您可以自訂字型、字型大小和色彩。

   * 分葉標籤：設定分葉元素的標籤樣式。

   * 圖例標題：設定圖例標題的樣式。您可以自訂字型、字型大小和色彩。

   * 圖例標籤：設定個別圖例項目標籤的樣式。 您可以自訂字型、字型大小和色彩。

### 自訂背景

您可以自訂一般背景和標頭區域的背景。一般背景可以依色彩和影像設定，而標頭區域的背景可以設定為單一色彩。

在樣式面板中，可以設定背景選項。

#### 設定一般背景

圖表的一般背景包括標題區域，以及圖表本身，這可能受到標頭部分覆蓋。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。

3. 在樣式面板的一般索引標籤，您可以選取背景色彩 (單一色彩或運算式)。您也可以從媒體庫或 URL 將背景設定為影像。

   資訊備註

   若要從 URL 新增背景影像，需要將該 URL 的來源新增至租用戶的內容安全性政策的允許清單中。新增來源時必須透過以下指令：img-src。這由租用戶管理員進行。

   如需詳細資訊，請參閱[建立 CSP 輸入項目](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   使用背景色彩時，使用滑桿調整背景的不透明度。

   使用背景影像時，您可以調整影像大小和位置。

#### 設定標頭背景

標頭區域是類似分支的框架，環繞矩形階層，同時有兩個或更多維度新增至圖表。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。

3. 在樣式面板的圖表索引標籤，在標頭背景色彩之下選取背景色彩。

### 自訂框線和陰影

您可以自訂圖表的框線和陰影。

請執行下列動作：

1. 在屬性面板中，展開外觀區段。

2. 在外觀 > 呈現之下，按一下 the 樣式 icon。

3. 在樣式面板的一般索引標籤，於框線 之下，調整外框大小，以增加或減少圖表周圍的框線。

4. 選取框線色彩。

5. 調整圓角半徑以控制框線的圓度。

6. 在一般索引標籤的陰影之下，選取陰影大小和色彩。選取無以移除陰影。

## 瞭解更多資訊

* [樹狀圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/treemap.htm)

* [以樹狀圖顯示階層式資料](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/treemap-example.htm)

* [解譯樹狀圖](https://help.qlik.com/lnk/Interpreting_treemaps)

相關學習內容：

* [解譯樹狀圖](https://help.qlik.com/lnk/Interpreting_treemaps)