# 建立組織圖

您可以使用組織圖 (組織圖) 透過樹狀結構從資料建立組織圖。您可以展開和收合樹狀圖，以瀏覽階層。組織圖包括在視覺化搭售內。如需詳細資訊，請參閱 [Visualization bundle](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm)。

您需要使用含有兩個定義樹狀結構之維度的資料集。

* 第一個維度需要是節點 ID。這通常會是傳統組織圖中的員工 ID。

* 第二個維度需要是父節點 ID。這通常會是主管的員工 ID。

  這會連接至第一個維度，以建立樹狀結構。

  若此值是空的，或是前往不存在之節點的點，節點會成為樹狀目錄頂端的根節點。

組織圖的範例資料集

| 員工 ID | 主管 ID | 名稱 | 標題 |
| --- | --- | --- | --- |
| A101 |  | Mary Bell | 執行長 |
| A102 | A101 | John Bialik | 執行秘書 |
| O101 | A101 | Lee Mayer | 營運長 |
| I101 | A101 | Wendy Sanderson | CIO |
| T101 | A101 | Asim Nawrat | 技術長 |
| T102 | T101 | Emily Diaz | 產品副總 |
| T103 | T101 | Christine Nemic | 研發副總 |

您也可以新增作為卡片說明使用的量值。

[Org Chart](https://play.vidyard.com/HCxBQRUybinjViaqacMiiY)

## 準備資料集

您在準備組織圖的資料集時需要考慮一些事情。

* 您需要使用少於 33000 列的資料集。

  若您使用較大的資料集，將會忽略超出的列。這會造成樹狀目錄的結構不正確。顯示訊息：已達資料上限。樹狀目錄的顯示方式可能不正確。

* 確認資料不包含循環參照。

  循環參照會造成節點遭到省略，或建立多個根節點。會顯示以下訊息之一：

  資料包含循環參照，已省略節點。

  沒有根節點，請檢查循環參照的資料。

* 若節點有超過 99 個子項目，將不會轉譯超出的子節點。

  顯示訊息：已達子節點數量上限，已省略節點。

* 您應避免有大量沒有父節點的列。這將會顯示為根節點。根節點的數量上限為 99。

## 建立組織圖

您可以使用組織圖視覺化範例資料集。每個員工會在您可以展開和摺疊的樹狀結構中顯示為卡片。

請執行下列動作：

1. 在資產面板中，開啟圖表。

2. 在視覺化之下，將組織圖拖曳到工作表。

3. 將第一個維度設定為 EmployeeID。

4. 將第二個維度設定為 ManagerID。

5. 將標籤新增至卡片。展開 EmployeeID 維度以查看標籤屬性。

   1. 將卡片標題設定為 Name。
   2. 將卡片子標題設定為 Title。

![具有卡片和標題的組織圖。](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_orgchart.png)

## 變更圖表的外觀

您可以自訂組織圖的外觀。

### 新增量值以設定說明

您可以新增量值以顯示說明。這將會取代在屬性卡片說明中設定的值。

### 變更呈現模式

您可以在外觀 > 呈現 > 呈現模式中設定組織圖的顯示方式。組織圖可以顯示整個樹狀結構，或者可以摺疊和展開。若組織圖設定為展開/摺疊，您也可以設定組織圖在每次展開或摺疊時自動調整合適的大小。

## 使用樣式面板進一步自訂外觀

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

按一下外觀 > 呈現之下的 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. 在樣式面板的圖表索引標籤，在卡片背景色彩之下，選取要用於卡片背景的色彩。您可以設定單一色彩或運算式。

設定個別卡片的背景色彩

透過運算式，也可以將個別卡片的樣式設計得與其他卡片不同。若要這麼做，在屬性面板中展開資料並展開第一個維度。設定卡片背景色彩的運算式。例如，這可以是條件運算式，例如：`=if(EmployeeID='A101', 'pink')`

### 自訂卡片外觀

您可以變更卡片的背景色彩 (請參閱 [組織圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/org-chart.htm#CardBckgrd))。您也可以設定頂端列和邊框是否出現在卡片中，及其使用的色彩。

請執行下列動作：

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

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

3. 在樣式面板的圖表索引標籤上，前往卡片外觀。預設情況下，會開啟自動對比。此設定會自動調整頂端列和框線的色彩。關閉設定可控制其色彩。

   調整下列設定：

   * 頂端列：選取是否在每張卡片的頂端新增一列，以增加視覺吸引力。

   * 框線：選擇每張卡片是否有框線。

   * 框線色彩：當自動對比度關閉時，此設定可供使用。您可以將卡片框線的色彩設定為單一色彩，或透過運算式著色。

### 自訂卡片影像

您可以將影像新增至組織圖中的卡片 (請參閱 [組織圖](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/org-chart.htm#Images))。新增影像後，使用樣式面板來變更其呈現方式。

請執行下列動作：

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

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

3. 在樣式面板的圖表索引標籤上，於影像選項之下，調整下列設定：

   * 位置：調整使用者看到影像的方式。您可以選取僅在卡片中顯示影像、在使用者將滑鼠暫留在卡片上方時於工具提示中顯示影像，或者兩者都選取。

   * 對齊：選擇影像在卡片上出現的位置。

   * 形狀：您可以選擇矩形或圓形的影像形狀。

   * 根據形狀調整：若形狀設定設為矩形，則此設定可用。啟用此設定後，每個影像都會調整大小，以配合顯示的內容方塊。然後會裁剪影像。

### 自訂框線和陰影

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

請執行下列動作：

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

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

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

4. 選取框線色彩。

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

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

## 組織圖中的選項

您可以選取組織圖中的卡片。選取卡片將會在選項中納入卡片之下的所有子節點。

## 將影像新增至組織圖

您可以為組織圖中的每張卡片新增一個影像。設定第一個維度時，您可以在屬性面板的資料區段設定卡片影像。

請執行下列動作：

1. 在屬性面板中，展開資料。

2. 在維度之下，展開您新增的第一個維度。

3. 在影像 URL 之下，輸入定義何時使用每個影像的運算式。例如，您可以在資料模型中擁有一個名為 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)。

   定義影像後，您可以使用樣式面板來調整其呈現方式。請參閱 [自訂卡片影像](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/creating-org-chart.htm#ImageStyle)。

## 限制

如需一般限制的資訊，請參閱 [限制](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm#Limitati)。

相關學習內容：

* [如何設定視覺化搭售組織圖？](https://help.qlik.com/lnk/How_configure_Visualization_Bundle_Org_chart)

## 瞭解更多資訊

* [如何設定視覺化搭售組織圖？](https://help.qlik.com/lnk/How_configure_Visualization_Bundle_Org_chart)