# 创建组织结构图

您可以使用组织结构图 (Org chart) 从具有树状结构的数据创建组织结构图。通过展开和折叠树，可以在层次结构中导航。组织结构图包括在可视化捆绑中。有关更多信息，请参阅[Visualization bundle](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm)。

您需要使用具有两个定义树结构的维度的数据集。

* 第一个维度需要是节点的 ID。这将通常是传统组织结构图中的员工 ID。

* 第二个维度需要是父节点的 ID。这将通常是经理的员工 ID。

  其连接到第一个维度以创建树结构。

  如果该值为空或指向不存在的节点，则该节点将成为树顶部的根节点。

组织结构图的 数据集

| EmployeeID | ManagerID | 名称 | 标题 |
| --- | --- | --- | --- |
| A101 |  | Mary Bell | CEO |
| A102 | A101 | John Bialik | 执行秘书 |
| O101 | A101 | Lee Mayer | COO |
| I101 | A101 | Wendy Sanderson | CIO |
| T101 | A101 | Asim Nawrat | CTO |
| 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-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_orgchart.png)

## 更改图表的外观

您可自定义组织结构图的外观。

### 添加度量以设置描述

您可通过添加度量来显示描述。这将取代在属性卡片描述中设置的值。

### 更改演示模式

您可以在外观 > 演示 > 演示模式下设置组织结构图的显示方式。组织结构图可以显示整个树，也可以折叠和展开。如果组织结构图设置为展开/折叠，则还可以将组织结构图设置为在每次展开或折叠时自动调整大小以进行适配。

## 使用样式面板进一步自定义外观

在属性面板中的外观下有大量样式设定按钮可供您使用。

单击外观>演示文稿下的the 样式 icon以进一步自定义图表的样式。样式面板包含常规和图表选项卡下的各个部分。

您可以通过单击每个部分旁的 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 重置样式。单击 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 全部重置可重置样式面板中所有可用标签的样式。

有关设置单个可视化样式的常规信息，请参见[将自定义样式应用于可视化](https://help.qlik.com/zh-CN/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-CN/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-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/org-chart.htm#CardBckgrd)）。您还可以配置顶部栏和边框是否显示在卡片中，以及使用的颜色。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon。

3. 在样式设定面板的图表选项卡上，转到卡片外观。默认情况下，自动对比度处于开启状态。此设置会自动调整顶部栏和边框的颜色。关闭设置以控制其颜色。

   调整以下设置：

   * 顶部栏：选择是否在每张卡片的顶部添加一个条形图以增加视觉吸引力。

   * 边框：选择每张卡是否被边框包围。

   * 边框颜色：当关闭自动对比度时，此设置可用。您可以将卡片边框的颜色设置为单一颜色，或通过表达式为其着色。

### 自定义卡片图像

您可以将图像添加到组织结构图中的卡片中（请参阅[组织结构图](https://help.qlik.com/zh-CN/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 下，输入定义何时使用每个图像的表达式。例如，您可以在数据模型中设置一个名为 URLs 的字段，其中包含每个卡片的 URL。

   信息注释

   每个 URL 的来源都需要添加到租户的内容安全策略中的分配列表。源必须添加以下指令：img-src。这是由租户管理员完成的。

   有关更多信息，请参阅[创建 CSP 条目](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   定义图像后，您可以使用样式设置面板调整其呈现方式。请参阅[自定义卡片图像](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/creating-org-chart.htm#ImageStyle)。

## 限制

有关一般限制的信息，请参阅 [限制](https://help.qlik.com/zh-CN/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)