---
schema_version: "1"
id: f01de81bbcfcf65b6b1fed0886a162ee01046b9ced896cfa5a661d3cf2960ef9
title: 设置仪表板大小和布局
collection: tableau
version: next
locale: zh-cn
portal_url: https://docs.salesforce.com/tableau/next/zh-cn/public/desktop/dashboards_organize_floatingandtiled.md
canonical_url: https://help.tableau.com/v0.0/public/desktop/zh-cn/dashboards_organize_floatingandtiled.htm
source_site: help.tableau.com
content_type: documentation
content_hash: b5053823aa3b5924abb53c5692da35c61222427aec21621791ab0578c1c4a873
description: Size and lay out a dashboard using fixed sizing and floating or tiled layout containers.
---
[跳转到主要内容](#main-content)

# 设置仪表板大小和布局

创建仪表板之后，您可以调整大小或对其进行重新组织，以便更好地为用户工作。

若要详细了解仪表板对象的样式选项，请参见[设置仪表板对象的格式](https://help.tableau.com/current/pro/desktop/zh-cn/Formatting_Dashboard_Objects.htm)。

## 控制总体仪表板大小

最佳实践是从设置大小开始，以便任何布局工作都以正确的大小开始。

### 仪表板大小选项

<table><colgroup><col style="width: 20%;"><col style="width: 80%;"></colgroup><tbody><tr><td style="text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;"><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_sizing_fixedsize.jpg" alt="用于固定容器大小的仪表板设置。"></td><td style="text-align: center;"><p style="text-align: left; vertical-align: middle"><strong>固定大小（默认值）</strong>：不管用于显示仪表板的窗口的大小如何，仪表板保持相同大小。如果仪表板比窗口大，仪表板将变为可滚动。您可以从预设大小中选择或指定自定义大小。</p><p style="text-align: left;">固定大小仪表板使您能指定仪表板上内容的确切位置，如果有浮动对象，则可能很有用。</p></td></tr><tr><td style="text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;"><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_sizing_range.jpg" alt="仪表板容器大小调整范围。"></td><td style="vertical-align: middle"><p><strong>范围</strong>：仪表板在指定的最小大小和最大大小之间进行缩放。如果用于显示仪表板的窗口比最小大小要小，则会显示滚动条。如果该窗口比最大大小要大，则会显示空白。</p><p>当您针对需要相同内容并具有类似形状的两种不同显示大小（例如小浏览器窗口和中等大小浏览器窗口）进行设计时，请使用此设置。“范围”也适用于具有垂直布局的移动仪表板。（允许针对不同的移动设备宽度更改宽度，但对于垂直滚动，高度是固定的。）</p></td></tr><tr><td style="text-align: center;vertical-align: middle;padding-left: 5px;padding-right: 5px;padding-top: 5px;padding-bottom: 5px;"><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_sizing_automatic_115x112.jpg" style="width: 115;height: 112;" alt="用于自动调整大小以填充窗口的仪表板设置。"></td><td style="vertical-align: middle"><p><strong>自动</strong>：仪表板会自动调整大小以填充用于显示仪表板的窗口。</p><p>如果希望 Tableau 处理任何大小调整操作，请使用此设置。为了获得最佳效果，请使用平铺（而不是浮动）仪表板布局。自动调整大小会导致在不同屏幕上出现不可预知的结果，因此如果您不知道仪表板的使用位置，请谨慎使用此设置。</p><p>具有可变大小的仪表板必须为每次浏览器请求重新渲染，这可能会影响性能。</p></td></tr></tbody></table>

**提示：**如果使用 Tableau Desktop，请参见[针对不同设备类型创建仪表板布局](https://help.tableau.com/v0.0/public/desktop/zh-cn/dashboards_dsd_create.htm)以创建针对台式机、平板电脑和手机优化的唯一布局。除了适应不同屏幕大小外，每种设备布局还包含不同项目。

### 设置总体仪表板大小

- 在“仪表板”窗格上的“大小”下，选择仪表板的尺寸（例如“台式机浏览器”）或大小调整行为（例如“固定大小”）。
    
    ![用于调整桌面浏览器宽度和高度的选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboard_resize1.png)

## 使用布局容器组合项目

布局容器使您能将相关仪表板项目组合在一起，以便能快速放置这些项目。当您更改项目在容器内的大小和位置时，其他容器项目会自动调整。布局容器也可以用于格式设置。

### 布局容器类型

水平布局容器调整它所包含的视图和对象的宽度；垂直布局容器调整高度。

<table><colgroup><col style="width: 50%;"><col></colgroup><tbody><tr><td><p><b>水平布局容器</b></p><p>这两个视图排列在水平布局容器中。 <br><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_layout_containers_horizontal.jpg" alt="水平仪表板布局容器。"></p></td><td><p><b>垂直布局容器</b></p><p>这三个视图在垂直布局容器中堆叠显示。 <br><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_layout_containers_vertical.jpg" alt="垂直仪表板布局容器。"></p></td></tr></tbody></table>

### 添加布局容器

1. 在“仪表板”窗格上的“对象”下，选择“水平”或“垂直”。
2. 将容器拖到仪表板上。
    
    ![“仪表板”窗格的“对象”部分，其中突出显示了水平和垂直选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/layout_container1.png)
3. 向布局容器中添加视图和对象。
    
    ![将对象拖到可视化项中的布局容器上。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/layout_container2_494x662.png)

### 均匀分布布局容器项

1. 选择布局容器。如果进行选择有困难，请选择容器内的单个项，然后从其快捷菜单中选择“选择容器”。
2. 选择布局容器后，从其快捷菜单中选择“均匀分布”：
    
    ![仪表板容器上下文菜单，其中均匀分布选项突出显示。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboards_layout_container_evendistr.png)
    
    已在布局容器内的项目将自动均匀排列；您添加的任何项目同样也会如此。

### 自动调整布局容器中工作表的大小

如果将包含相关数据的多个表添加到布局容器，每当在一个工作表中选择标记时，您都可自动调整相关工作表的大小。

在此示例中，当在地图中选择一个标记时，条形图会更新以显示该标记的利润和销售额。当地图中未选择任何标记时，它会自动扩展以填充布局容器。

<table><colgroup><col style="width: 50%;"><col style="width: 50%;"></colgroup><tbody><tr><td style="font-weight: bold;">选择了标记时</td><td style="font-weight: bold;">未选择时</td></tr><tr><td><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/layout_container_qs4.png" alt="地图中的选定标记，以及显示选定标记的利润和销售额的条形图。"></td><td><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/layout_container_qs5.png" alt="没有选定标记的地图会自动填充布局容器。"></td></tr></tbody></table>

1. 将包含相关数据的多个工作表添加到布局容器。
2. 从要扩展的工作表的下拉菜单中，选择“用作筛选器”。
    
    ![工作表的上下文菜单，其中选择了“用作筛选器”选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/layout_container_qs3.png)
3. 选择“仪表板”\>“动作”，并双击您创建的已生成筛选器。
4. 在“编辑筛选动作”对话框的“目标工作表”部分，选择布局容器中的其他工作表。
5. 在未选择源工作表中的任何标记的情况下，若要控制目标工作表的大小调整方式，请选择以下选项之一：
    
    - “显示所有值”会将目标工作表恢复为其原始大小，从而显示所有数据。
    - “排除所有值”会将目标工作表折叠在其标题下，从而隐藏所有数据。

### 移除布局容器以单独编辑其包含的项目

1. 在仪表板或“布局”窗格的“项目分层结构”区域中选择容器。
2. 从容器顶部的下拉菜单中，选择“移除容器”。

## 平铺或浮动放置仪表板项目

### 平铺布局与浮动布局

您放在仪表板上的每个对象、布局容器和视图均为平铺（默认值）或浮动放置。

<table><colgroup><col style="width: 50%;"><col style="width: 50%;"></colgroup><tbody><tr><td><b>平铺布局</b></td><td><b>浮动布局</b></td></tr><tr><td>平铺项目不会重叠；它们将成为会根据整体仪表板大小调整大小的单一布局网格的一部分。</td><td>浮动项目可叠放在其他对象上。在下面的示例中，地图浮动在平铺视图上。</td></tr><tr><td><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_layout_tiled.jpg" alt="平铺仪表板布局容器。"></td><td><img src="https://help.tableau.com/v0.0/public/desktop/zh-cn/Img/dashboard_layout_floating.jpg" alt="浮动仪表板布局容器。"></td></tr><tr><td>&nbsp;</td><td>为获得最佳效果，请在固定大小的仪表板上为浮动对象和视图指定固定大小和位置。</td></tr></tbody></table>

### 浮动或平铺放置新项目

1. 在“仪表板”窗格中的“对象”下，单击要使用的布局选项：“浮动”或“平铺”。
    
    ![平铺或浮动布局的菜单选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboards_organize_switch2.png)
2. 将视图或对象拖到右侧的仪表板上。

**提示**：通过在将项目拖到仪表板上时按住键盘上的 **Shift** ，您也可以为该项目分配浮动布局。

### 将现有项目从平铺切换为浮动

1. 选择仪表板中的项目。
2. 在项目的快捷菜单中，选择“浮动”：
    
    ![下拉菜单显示“浮动”选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboards_organize_switch1.png)

## 设置单独仪表板项目的大小、位置并对其进行重新排序和重命名

### 设置项目的大小和位置

如果想要对位置进行高度控制，请选择“固定大小”，然后使用“布局”窗格来设置每个项目的大小和位置。

1. 选择要为其设置位置和大小的仪表板项目。在“布局”窗格中，项目的名称出现在“选定项目”下。
    
    ![用于设置所选项目位置的“布局”对话框。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboards_organize_position.png)
    
    **提示：**若要快速在“仪表板”和“布局”窗格之间切换，请按 T 键。
2. 将以像素为单位的项目位置 **x** 和 **y** 定义为与仪表板左上角的偏移。例如，若要将对象放在仪表板的左上角，请指定 x = 0 和 y = 0。
    
    您可以输入正值或负值，但必须输入整数。
3. 若要调整项目大小，请在仪表板中单击并拖动它。您也可以使用“大小”下的设置。
4. 若要隐藏所选项目的标题，请清除“显示标题”复选框。（“仪表板”窗格上类似的“显示仪表板标题”复选框控制总体仪表板标题。）

**提示：**若要快速放置浮动项目，可按箭头键移动 1 个像素，或按 Shift + 箭头键移动 10 个像素。若要快速调整项目大小，请将 Alt (Windows) 或 Option (macOS) 添加到这些快捷方式。

### 将项目与网格对齐

为了呈现视觉效果一致的设计，请在网格上排列仪表板项目和调整其大小。

![用于将项目与网格对齐的仪表板设置。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboard_grid.png)

1. 选择“仪表板”\>“显示网格”。
2. 若要更改网格大小，请选择“仪表板”\>“网格选项”。

**提示：**若要打开和关闭网格，请按 G 键。

### 对象重新排序

“布局”窗格上的“项目分层结构”区域可让您快速更改仪表板上对象的分层和分组方式。显示在列表顶部的项目位于前面，而显示在列表底部的项目位于后面。

#### 在 Tableau Cloud 或 Tableau Server 中对任何对象进行重新排序

在 Tableau Cloud 和 Tableau Server 中，您可以对分层结构中的平铺对象和浮动对象重新排序。您还可以将项目拖到其当前容器内以及任何级别的其他容器中。这使您可以比在画布上编辑更灵活地嵌套项目，在画布上编辑时，您只能将对象放在最里面的容器中。

![重新排列分层结构中的平铺对象和浮动对象。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboard_drag_hierarchy.gif)

#### 在 Tableau Desktop 中对浮动对象重新排序

在 Tableau Desktop 中，您可以在分层结构的顶层拖动浮动项目以更改它们相互叠加的方式。

![下拉菜单显示选择平铺布局的选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboards_organize_layout.png)

### 重命名项目

为了更好地区分仪表板项目，您可以重命名它们。

在“布局”窗格的“项目分层结构”区域中，右键单击某个项目，并选择“重命名仪表板项目”。在仪表板本身上，此命令还可在每个对象的下拉菜单中找到。

![用于重命名仪表板项目的仪表板容器突出显示选项的上下文菜单。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboard_rename_item.png)

## 将元素与透明度直观地集成

透明元素可为仪表板创建无缝的视觉外观，从而显示基础对象和图像。

**提示：**若要创建透过浮动透明元素显示的背景图像，请添加图像对象作为唯一的平铺项。[固定大小仪表板](#Dashboard_Size_Options)可确保浮动元素与图像维持一致的视觉关系，而不管屏幕大小如何。

![通过浮动透明元素显示的仪表板背景图像，](/tableau/next/zh-cn/public/desktop/zh-cn/Img/dashboard_transparent_sheet.png)

### 将工作表背景设为透明

1. 在仪表板中，选择工作表。
2. 选择“设置格式”\>“阴影”，单击“工作表”菜单，并为背景颜色选择“无”。
    
    如果工作表显示为不透明，请为基础仪表板、对象或布局容器将背景颜色更改为“无”。您可以在仪表板的“布局”选项卡上快速调整这些项。
3. 为了将透明工作表与其他仪表板项平滑集成，请选择“设置格式”\>“边框”和“设置格式”\>“线条”，并移除边框和线条或者更改其颜色。

#### 适用于透明地图的其他步骤

1. 选择“设置格式”\>“阴影”，单击“区”菜单，并为颜色选择“无”。
2. 选择“地图”\>“地图层”，并取消选择不透明的“底图”层。然后，为了使透明地图在缩小时更加明显，选择“海岸线”层。
    
    根据地图样式，您可能还需要实验打开或关闭其他层。

#### 将工作表设为部分透明

1. 在仪表板的“布局”窗格中，选择工作表。
2. 单击“背景”颜色，并设置颜色和不透明度。

### 浮动放置透明图例、筛选器、荧光笔和参数

若要直观地将筛选器、参数和荧光笔连接到相关数据，请将这些默认情况下为透明的项目浮动放置。文本始终保持完全不透明，从而保持易读性。

![具有透明背景的筛选器框。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/format_transparent_example.png)

如果某个浮动对象不断显示颜色，请检查以下对象级别和工作表级别设置：

- 选择对象，在“布局”选项卡上单击“背景”颜色，并选择“无”。
- 单击“设置格式”菜单，然后选择“图例”、“筛选器”、“荧光笔”或“参数”。然后，在左侧的“设置格式”窗格中，选择“阴影”\>“无”。
    
    ![背景颜色的格式设置选项。](/tableau/next/zh-cn/public/desktop/zh-cn/Img/format_transparent_shading.png)

有关详细信息，请参见[在工作表级别设置格式](https://help.tableau.com/v0.0/public/desktop/zh-cn/formatting_worksheet.htm)。

## 此部分中的其他文章