# 选项卡容器

标签容器是一种对象，让您可在有限的空间中添加可视化。您还可根据条件在标签容器内显示或隐藏可视化。

[查看视频短片](https://play.vidyard.com/A4BP1zCCLvtyb2xkruPkUS)

![标签容器。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_Container-rev.png)

## 适合使用选项卡容器的情况

当您希望在具有有限空间的仪表板上快速切换不同可视化时，选项卡容器将非常有用。您还可基于诸如以下项使用选项卡容器显示不同可视化：

* 哪个用户正在访问图表。
* 变量的值。

## 创建选项卡容器

您可以在正在编辑的工作表上创建标签容器。

执行以下操作：

1. 从资产面板中，打开图表并在仪表板对象下，将选项卡容器拖动到工作表。

2. 单击属性面板的 Content（内容）下的 Add（添加）。

3. 在 Master items（主条目目）中选择主可视化，或在 Charts（图表）中新建可视化。

   或者可以将内容添加至选项卡容器，方法是直接在选项卡容器上从您的工作表或您的 Master items（主条目目）拖动可用可视化。

4. 在属性面板中拖动图表以设置标签顺序。

您现在拥有具有您添加的每个可视化的选项卡的容器。您可以在标签之间切换以显示不同的可视化。

信息注释

不建议将现有的 ShowHide 容器或选项卡式容器转换为选项卡容器。通过转换这些对象创建的容器不能在活动中心中进行监控，也不能作为图像或 PDF 下载。 相反，建议创建一个新容器。

## 添加显示条件

您可在创建的标签上添加显示条件。

执行以下操作：

1. 在属性面板的内容下，单击要添加显示条件的图表。

2. 在显示条件中添加图表的显示条件。通常，您需要使用 If() 函数。

   请参阅[if 脚本和图表功能](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Scripting/ConditionalFunctions/if.htm)。

3. 将另一显示条件添加至不同的图表。

   图表现在将根据您添加的条件的结果显示或隐藏。如果图表结果的条件是 True，则显示，如果是 False，则隐藏。

## 更改选项卡取向

选项卡可以垂直或水平定向。

执行以下操作：

1. 转到属性面板中的外观 &gt; 演示。

2. 在方向下，选择选项卡在选项卡容器中的位置。

## 更改默认激活标签

默认情况下，查看选项卡容器时会显示第一个选项卡。您可以在属性面板中更改此项。

执行以下操作：

1. 转到属性面板中的外观 &gt; 演示。

2. 使用默认标签下拉列表选择用户查看工作表时显示的图表。下拉列表按可用图表在容器中的排列顺序列出这些图表。

3. 如果希望看到新的默认标签设置生效，则您将需要关闭并重新打开浏览器。

## 设定标签容器的样式

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

单击外观&gt;演示文稿下的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) 全部重置可重置样式面板中所有可用标签的样式。

### 自定义文本

可以在外观 &gt; 常规下设置标题、副标题和脚注的文本。若要隐藏这些元素，请关闭显示标题。

图表上不同标签的可见性取决于特定于图表的设置和标签显示选项。这些可以在属性面板中进行配置。

您可以设置图表中显示的文本的样式。

执行以下操作：

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

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

3. 在常规选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色：

   * 标题

   * 副标题

   * 脚注

4. 在选项卡选项卡上，设置以下文本元素的字体、字体大小和颜色：

   * 标签：设置轴上的标签样式。

### 自定义背景

可以自定义图表的背景。可以通过颜色和图像来设置背景。

执行以下操作：

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

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

3. 在样式面板的一般选项卡上，您可以选择背景颜色（单色或表达式）。您也可将背景设置为媒体库或 URL 中的图像。

   信息注释

   要从 URL 添加背景图像，必须将来源添加到租户的内容安全策略中的允许列表中。使用 img-src 指令添加来源。这由管理员在 Administration 活动中心完成。

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

   使用背景色时，请使用滑块调整背景的不透明度。

   使用背景图像时，可以调整图像大小和位置。

### 自定义边框

执行以下操作：

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

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

3. 在边框下，设置边框轮廓和拐角半径。

### 添加阴影

执行以下操作：

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

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

3. 在阴影下，设置阴影大小和颜色。

### 设置标签宽度

执行以下操作：

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

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

3. 单击选项卡。

4. 在宽度下，以百分比或像素设置宽度。

5. 在最小值/最大值下，设置选项卡的最大和最小大小。

### 设置所选标签指示器颜色

执行以下操作：

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

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

3. 单击选项卡。

4. 在指示器下，选择使用单一颜色或按表达式着色。

5. 如果使用单一颜色，请选择一种颜色。

6. 如果使用表达式，请输入表达式。

### 图标样式设定

如果您打开显示图标，可以为图标设定样式。

执行以下操作：

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

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

3. 单击选项卡。

4. 在图标下，设定图表图标大小、颜色和位置。

### 自定义标签背景颜色

执行以下操作：

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

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

3. 单击选项卡。

4. 在背景颜色下，选择选项卡、选定选项卡颜色，以及悬停在选项卡上方时的颜色。您可以按单个选定的颜色或表达式着色。

## 使用标签容器创建书签

默认情况下，如果您创建的书签包含具有所选内容的标签容器，则选中书签时第一个标签将处于活动状态。要为标签容器保存不同的默认活动标签，可以在打开该标签的情况下创建书签时打开保存布局。如果通过右键单击并在“书签”列表中选择设置为默认书签将该书签设置为默认书签，则工作表将打开创建书签时处于活动状态的选项和标签。

执行以下操作：

1. 单击工具栏中的 the 书签 icon。

2. 单击创建新书签。

   根据需要更改名称和描述。

3. 如果希望默认选项卡以外的选项卡成为活动选项卡，请在打开该选项卡的情况下打开保存布局。这将覆盖属性面板中的默认选项卡设置。

4. 单击保存。

## 显示限制

* 不能在另一个容器中使用包含选项卡容器的主可视化。

* 不能在选项卡容器中两次添加同一主可视化。

* 您不能通过在容器上拖动度量或维度在选项卡容器内创建图表。

* 不能在选项卡容器中添加容器、格子容器或布局容器。

* 

  可视化探索菜单不适用于位于选项卡容器、布局容器或旧容器对象内的图表。

* 当显示悬停菜单设置开启且悬停菜单可见时，您可能无法看到用于在选项卡之间切换的箭头。

## 了解详情

* [创建标签容器](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/Container/create-containers.htm)