# 创建树形图

树形图使用嵌套矩形（即小矩形嵌套在大矩形中）显示层次结构数据。

您可以在编辑的工作表上创建树形图。

执行以下操作：

1. 在资产面板中，打开 图表。
2. 在可视化下，拖动一个空树形图到工作表。
3. 单击添加维度，然后选择维度或字段。 这应当是层级中的最高级别。其将显示为图表中的主要组。
4. 单击添加度量，然后选择度量或从字段创建度量。 度量将定义矩形的大小。
5. 按层次级别的顺序添加更多维度。您添加的最后一个维度定义了矩形。其它维度定义矩形的分组。

在树形图中，至少需要一个维度和一个度量，为充分利用树形图，最好包含两个或三个维度。只能包含一个度量，最多包含 15 个维度。我们不建议使用三个维度以上的维度，因为树地图将变得无法管理。

创建树形图时，可能需要在属性面板中调整其外观和其他设置。有关样式设置的更多信息，请参阅[设置树形图的样式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/create-treemaps.htm#Styling)。有关自定义图表外观的其他方面的信息，请参阅[更改可视化外观](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/change-appearance-of-visualization.htm)。

## 设置树形图的样式

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

单击外观>演示文稿下的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. 在样式面板的图表选项卡上，在标题背景色下选择背景色。

### 自定义边框和阴影

您可以自定义图表的边框和阴影。

执行以下操作：

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

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

3. 在样式面板的常规选项卡上的边框下，调整轮廓大小以增加或减少图表周围的边框线。

4. 选择边框的颜色。

5. 调整拐角半径以控制边框的圆度。

6. 在常规选项卡的阴影下，选择阴影大小和颜色。选择无以移除阴影。

## 了解详情

* [树形图](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/TreeMap/treemap.htm)

* [以树形图显示层次结构数据](https://help.qlik.com/zh-CN/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)