设置仪表板大小和布局 - Tableau

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

酒量小的眼镜 · 从 SharePoint Online ...· 3 月前 ·

聪明伶俐的黄豆 · 修改QMessageBox按钮大小的代码 ...· 5 月前 ·

重情义的红豆 · 【python】matplotlib ...· 5 月前 ·

小眼睛的西装 · Conda — 高性能计算服务平台帮助文档 ...· 1 年前 ·

逼格高的沙发 · C#： list ...· 1 年前 ·

</noscript><div id="app" class="wrapper"><header id="tableau-help-article-header" class="container--full-width quick-help-header"><div class="container--centered"><div class="header__back-button"><back-button title="返回"/></div><div class="header__mobile-menu quick-help-hidden"><menu-tree-toggle/></div><div class="header__logo quick-help-hidden"><a href="https://www.tableau.com/zh-cn/"><img src="./Resources/tableau-logo.png" class="header__logo__img" alt="Tableau"/></a></div><div class="header__search"><search-header-help placeholder="搜索"/></div><div class="header__home-button"><home-button title="前往主页"/></div></div></header><div class="container--navigation-top quick-help-hidden content-only-hidden"><div id="help-subheader" class="subheader print-hidden"><div class="container--centered"><h4 class="heading--subheader">Tableau Desktop 和 Web 制作帮助</h4></div></div><div class="container--top-links"><div class="container--centered container--breadcrumbs"><div><breadcrumb-links-help/></div></div><div id="help-container-menu-headings" class="container--menu-headings"><nav class="nav-medium-screen"><menu-heading-links-static-help menu-title="本文内容" :disabled="false" :headings="pageHeadings"/></nav></div></div></div><div class="section--main container--full-width"><div class="container--centered"><nav class="nav-side nav-side--left" role="navigation"><menu-tree-help menu-title="内容"/></nav><article role="main"><h1 id="contentH1">设置仪表板大小和布局</h1><div class="caption article__tags content-only-hidden quick-help-hidden"><span class="article__tags--applies-to">适用于： Tableau Cloud, Tableau Desktop, Tableau Server</span><br/><span class="article__tags--role"> </span></div><div id="content-body">&#13; <div role="main" id="mc-main-content"><p>创建仪表板之后，您可能需要调整大小或对其进行重新组织，以便更好地为用户工作。</p><h2 is="heading-item" :level="2" id="控制总体仪表板大小"><a name="Control"/>控制总体仪表板大小</h2><h3 is="heading-item" :level="3" id="仪表板大小选项"><a name="Dashboard_Size_Options"/>仪表板大小选项</h3><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="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><p style="text-align: left;">使用固定大小的已发布仪表板的加载速度可能更快，因为它们更有可能使用服务器上的缓存版本。有关其他性能提示，请参见<a href="performance_tips.htm" class="MCXref xref">优化工作簿性能</a>。</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="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="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><p class="note"><b>提示：</b>如果使用 Tableau Desktop，请参见<a href="dashboards_dsd_create.htm" class="MCXref xref">针对不同设备类型创建仪表板布局</a>以创建针对台式机、平板电脑和手机优化的唯一布局。除了适应不同屏幕大小外，每种设备布局还包含不同项目。</p><h3 is="heading-item" :level="3" id="设置总体仪表板大小"><a name="Set_Overall_Dashboard_Size"/>设置总体仪表板大小</h3><ul><li value="1"><p>在“仪表板”窗格上的<span class="uicontrol">“大小”</span>下，选择仪表板的尺寸（例如<span class="uicontrol">“台式机浏览器”</span>）或大小调整行为（例如<span class="uicontrol">“固定大小”</span>）。</p><p><img src="Img/dashboard_resize1.png" alt=""/></p></li></ul><h2 is="heading-item" :level="2" id="使用布局容器组合项目"><a name="Group"/>使用布局容器组合项目</h2><p>布局容器使您能将相关仪表板项目组合在一起，以便能快速放置这些项目。当您更改项目在容器内的大小和位置时，其他容器项目会自动调整。布局容器也可以用于格式设置。</p><h3 is="heading-item" :level="3" id="布局容器类型"><a name="Layout_Container_Types"/>布局容器类型</h3><p>水平布局容器调整它所包含的视图和对象的宽度；垂直布局容器调整高度。</p><table><colgroup><col style="width: 50%;"/><col/></colgroup><tbody><tr><td><p><b>水平布局容器</b></p><p>下面的两个视图排列在水平布局容器中。 <br/><img src="Img/dashboard_layout_containers_horizontal.jpg" alt=""/></p></td><td><p><b>垂直布局容器</b></p><p>下面的三个视图在垂直布局容器中堆叠显示。 <br/><img src="Img/dashboard_layout_containers_vertical.jpg" alt=""/></p></td></tr></tbody></table><h3 is="heading-item" :level="3" id="添加布局容器"><a name="Add_a_Layout_Container"/>添加布局容器</h3><ol><li value="1"><p>在“仪表板”窗格上的<span class="uicontrol">“对象”</span>下，选择<span class="uicontrol">“水平”</span>或<span class="uicontrol">“垂直”</span>。</p></li><li value="2"><p>将容器拖到仪表板上。</p><p><img src="Img/layout_container1.png" alt=""/></p></li><li value="3"><p>向布局容器中添加视图和对象。</p><p><img src="Img/layout_container2_494x662.png" style="width: 494;height: 662;" alt=""/></p></li></ol><h3 is="heading-item" :level="3" id="均匀分布布局容器项"><a name="Make_a_layout_container's_items_evenly_distributed"/>均匀分布布局容器项</h3><ol><li value="1"><p>选择布局容器。如果执行此操作有困难，请选择容器内的单个项，然后从其快捷菜单中选择<span class="uicontrol">“选择容器”</span>。</p></li><li value="2"><p>选择布局容器后，从其快捷菜单中选择<span class="uicontrol">“均匀分布”</span>：</p><p><img src="Img/dashboards_layout_container_evendistr.png" alt=""/></p><p>已在布局容器内的项目将自动均匀排列；您添加的任何项目同样也会如此。</p></li></ol><h3 is="heading-item" :level="3" id="自动调整布局容器中工作表的大小">自动调整布局容器中工作表的大小</h3><p>如果将包含相关数据的多个表添加到布局容器，每当在一个工作表中选择标记时，您都可自动调整相关工作表的大小。</p><p>在本例中，当在地图中选择了一个标记后，条形图将更新以显示该标记的利润和销售额；如果未在地图中选择标记，则地图将自动扩展以填充仪表板。</p><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="Img/layout_container_qs4.png" alt=""/></td><td><img src="Img/layout_container_qs5.png" alt=""/></td></tr></tbody></table><ol><li value="1"><p>将包含相关数据的多个工作表添加到布局容器。</p></li><li value="2"><p>从要扩展的工作表的下拉菜单中，选择<span class="uicontrol">“用作筛选器”</span>。</p><p><img src="Img/layout_container_qs3.png" alt=""/></p></li><li value="3"><p>选择<span class="uicontrol">“仪表板”</span>&gt;<span class="uicontrol">“动作”</span>，并双击刚刚创建的已生成筛选器。</p></li><li value="4"><p>在“编辑筛选动作”对话框的<span class="uicontrol">“目标工作表”</span>部分，选择布局容器中的其他工作表。</p></li><li value="5"><p>在未选择源工作表中的任何标记的情况下，若要控制目标工作表的大小调整方式，请选择以下选项之一：</p><ul><li value="1"><p><span class="uicontrol">“显示所有值”</span>会将目标工作表恢复为其原始大小，从而显示所有数据。</p></li><li value="2"><p><span class="uicontrol">“排除所有值”</span>会将目标工作表折叠在其标题下，从而隐藏所有数据。</p></li></ul></li></ol><h3 is="heading-item" :level="3" id="移除布局容器以单独编辑其包含的项目">移除布局容器以单独编辑其包含的项目</h3><ol><li value="1"><p>在仪表板或“布局”窗格的<span class="uicontrol">“项目分层结构”</span>区域中选择容器。</p></li><li value="2"><p>从容器顶部的下拉菜单中，选择<span class="uicontrol">“移除容器”</span>。</p></li></ol><h2 is="heading-item" :level="2" id="平铺或浮动放置仪表板项目"><a name="Layer"/>平铺或浮动放置仪表板项目</h2><h3 is="heading-item" :level="3" id="平铺布局与浮动布局"><a name="Tiled_vs._Floating_Layouts"/>平铺布局与浮动布局</h3><p>您放在仪表板上的每个对象、布局容器和视图均为平铺（默认值）或浮动放置。</p><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="Img/dashboard_layout_tiled.jpg" alt=""/></td><td><img src="Img/dashboard_layout_floating.jpg" alt=""/></td></tr><tr><td> </td><td>为获得最佳效果，请在固定大小的仪表板上为浮动对象和视图指定固定大小和位置。</td></tr></tbody></table><h3 is="heading-item" :level="3" id="浮动或平铺放置新项目"><a name="Assign_a_Tiled_or_Floating_Layout_to_a_New_Item"/>浮动或平铺放置新项目</h3><ol><li value="1"><p>在“仪表板”窗格中的<span class="uicontrol">“对象”</span>下，单击要使用的布局选项：<span class="uicontrol">“浮动”</span>或<span class="uicontrol">“平铺”</span>。</p><p><img src="Img/dashboards_organize_switch2.png" alt=""/></p></li><li value="2"><p>将视图或对象拖到右侧的仪表板上。</p></li></ol><p class="note"><strong>提示</strong>：通过在将项目拖到仪表板上时按住键盘上的 <b>Shift</b> ，您也可以为该项目分配浮动布局。</p><h3 is="heading-item" :level="3" id="将现有项目从平铺切换为浮动"><a name="Assign_a_Floating_Layout_to_an_Existing_Item"/>将现有项目从平铺切换为浮动</h3><ol><li value="1"><p>选择仪表板中的项目。</p></li><li value="2"><p>在项目的快捷菜单中，选择<span class="uicontrol">“浮动”</span>：</p><p><img src="Img/dashboards_organize_switch1.png" alt=""/></p></li></ol><h2 is="heading-item" :level="2" id="设置单独仪表板项目的大小、位置并对其进行重新排序和重命名"><a name="Size,"/>设置单独仪表板项目的大小、位置并对其进行重新排序和重命名</h2><h3 is="heading-item" :level="3" id="设置项目的大小和位置"><a name="Set_an_Item's_Size_and_Position"/>设置项目的大小和位置</h3><p>如果想要对仪表板中每个项目的位置进行高度控制，请为总体仪表板大小调整选择<span class="uicontrol">“固定大小”</span>或<span class="uicontrol">“范围”</span>，然后使用“布局”窗格来设置每个项目的大小和位置。</p><ol><li value="1"><p>选择要为其设置位置和大小的仪表板项目。在“布局”窗格中，项目的名称出现在<span class="uicontrol">“选定项目”</span>下。</p><p><img src="Img/dashboards_organize_position.png" alt=""/></p><p class="note"><b>提示：</b>若要快速在“仪表板”和“布局”窗格之间切换，请按 T 键。</p></li><li value="2"><p>将以像素为单位的项目位置 <b>x</b> 和 <b>y</b> 定义为与仪表板左上角的偏移。例如，若要将对象放在仪表板的左上角，请指定 x = 0 和 y = 0。</p><p>您可以输入正值或负值，但必须输入整数。</p></li><li value="3"><p>若要调整项目大小，请在仪表板中单击并拖动它。您也可以使用<span class="uicontrol">“大小”</span>下的设置。</p></li><li value="4"><p>若要隐藏所选项目的标题，请清除<span class="uicontrol">“显示标题”</span>复选框。（“仪表板”窗格上类似的<span class="uicontrol">“显示仪表板标题”</span>复选框控制总体仪表板标题。）</p></li></ol><p class="note"><b>提示：</b>若要快速放置浮动项目，可按箭头键移动 1 个像素，或按 Shift + 箭头键移动 10 个像素。若要快速调整项目大小，请将 Alt (Windows) 或 Option (macOS) 添加到这些快捷方式。</p><h3 is="heading-item" :level="3" id="将项目与网格对齐"><a name="Grid"/>将项目与网格对齐</h3><p>为了呈现视觉效果一致的设计，请在网格上排列仪表板项目和调整其大小。</p><p><img src="Img/dashboard_grid.png" alt=""/></p><ol><li value="1"><p>选择<span class="uicontrol">“仪表板”</span>&gt;<span class="uicontrol">“显示网格”</span>。</p></li><li value="2"><p>若要更改网格大小，请选择<span class="uicontrol">“仪表板”</span>&gt;<span class="uicontrol">“网格选项”</span>。</p></li></ol><p class="note"><b>提示：</b>若要打开和关闭网格，请按 G 键。</p><h3 is="heading-item" :level="3" id="对象重新排序"><a name="Reorder_Floating_Objects"/>对象重新排序</h3><p>“布局”窗格上的<span class="uicontrol">“项目分层结构”</span>区域可让您快速更改仪表板上对象的分层和分组方式。显示在列表顶部的项目位于前面，而显示在列表底部的项目位于后面。</p><h4>在 Tableau Cloud 或 Tableau Server 中对任何对象进行重新排序</h4><p>在 Tableau Cloud 和 Tableau Server 中，您可以对分层结构中的平铺对象和浮动对象重新排序。您还可以将项目拖到其当前容器内以及任何级别的其他容器中。这使您可以比在画布上编辑更灵活地嵌套项目，在画布上编辑时，您只能将对象放在最里面的容器中。</p><p><img src="Img/dashboard_drag_hierarchy.gif" alt=""/></p><h4>在 Tableau Desktop 中对浮动对象重新排序</h4><p>在 Tableau Desktop 中，您可以在分层结构的顶层拖动浮动项目以更改它们相互叠加的方式。</p><p><img src="Img/dashboards_organize_layout.png" alt=""/></p><h3 is="heading-item" :level="3" id="重命名项目"><a name="Rename"/>重命名项目</h3><p>为了更好地区分仪表板项目，您可以重命名它们。</p><p>在“布局”窗格的<span class="uicontrol">“项目分层结构”</span>区域中，右键单击某个项目，并选择<span class="uicontrol">“重命名仪表板项目”</span>。在仪表板本身上，此命令还可在每个对象的下拉菜单中找到。</p><p><img src="Img/dashboard_rename_item.png" alt=""/></p><h2 is="heading-item" :level="2" id="在项目周围添加边距、边框和背景色"><a name="Add"/>在项目周围添加边距、边框和背景色</h2><p>边距使您能精确地在仪表板分隔项目，而边框和背景色使您能直观地突出显示项目。内边距设置项目内容与边框和背景色边界之间的间隔；外边距则在边框和背景色之外增加额外的间隔。</p><p class="note"><b>注意：</b>如果无法更改特定仪表板项目的边框和背景色，请在<a href="formatting_worksheet.htm">工作表级别</a>更改其格式设置。</p><p><img src="Img/dashboard_spacing_concepts.png" alt=""/></p><p>A. 外边距 B. 蓝色边框 C. 带浅蓝色背景的内边距</p><ol><li value="1"><p>选择一个单独项目，或选择整个仪表板。</p></li><li value="2"><p>在左侧的<span class="uicontrol">“布局”</span>选项卡上，指定边框新式和颜色、背景色和不透明度，或者边距大小（以像素为单位）。</p><p><img src="Img/dashboard_spacing_settings.png" alt=""/></p></li></ol><p>下面是一些方便的仪表板间隔技巧：</p><ul><li value="1"><p>若要将一个仪表板项目与另一个项目精确对齐，请取消选中<span class="uicontrol">“所有边相等”</span>，并只为一边调整边距。</p></li><li value="2"><p>若要创建无缝设计，请为相邻项目指定零外边距。</p><p><img src="Img/dashboard_spacing_abut.png" alt=""/></p></li></ul><h2 is="heading-item" :level="2" id="将元素与透明度直观地集成"><a name="Visually"/>将元素与透明度直观地集成</h2><p>透明元素可为仪表板创建无缝的视觉外观，从而显示基础对象和图像。</p><p class="note"><b>提示：</b>若要创建透过浮动透明元素显示的背景图像，请添加图像对象作为唯一的平铺项。<a href="#Dashboard_Size_Options">固定大小仪表板</a>可确保浮动元素与图像维持一致的视觉关系，而不管屏幕大小如何。</p><p><img src="Img/dashboard_transparent_sheet.png" alt=""/></p><h3 is="heading-item" :level="3" id="将工作表背景设为透明">将工作表背景设为透明</h3><ol><li value="1"><p>在仪表板中，选择工作表。</p></li><li value="2"><p>选择<span class="uicontrol">“设置格式”</span>&gt;<span class="uicontrol">“阴影”</span>，单击<span class="uicontrol">“工作表”</span>菜单，并为背景颜色选择<span class="uicontrol">“无”</span>。</p><p>如果工作表显示为不透明，请为基础仪表板、对象或布局容器将背景颜色更改为“无”。您可以在仪表板的“布局”选项卡上快速调整这些项。</p></li><li value="3"><p>为了将透明工作表与其他仪表板项平滑集成，请选择<span class="uicontrol">“设置格式”</span>&gt;<span class="uicontrol">“边框”</span>和<span class="uicontrol">“设置格式”</span>&gt;<span class="uicontrol">“线条”</span>，并移除边框和线条或者更改其颜色。</p></li></ol><h4>适用于透明地图的附加步骤</h4><ol><li value="1"><p>选择<span class="uicontrol">“设置格式”</span>&gt;<span class="uicontrol">“阴影”</span>，单击<span class="uicontrol">“区”</span>菜单，并为颜色选择<span class="uicontrol">“无”</span>。</p></li><li value="2"><p>选择<span class="uicontrol">“地图”</span>&gt;<span class="uicontrol">“地图层”</span>，并取消选择不透明的<span class="uicontrol">“底图”</span>层。然后，为了使透明地图在缩小时更加明显，选择<span class="uicontrol">“海岸线”</span>层。</p><p>根据地图样式，您可能还需要实验打开或关闭其他层。</p></li></ol><h4>将工作表设为部分透明</h4><ol><li value="1"><p>在仪表板的<span class="uicontrol">“布局”</span>窗格中，选择工作表。</p></li><li value="2"><p>单击<span class="uicontrol">“背景”</span>颜色，并设置颜色和不透明度。</p></li></ol><h3 is="heading-item" :level="3" id="浮动放置透明图例、筛选器、荧光笔和参数"><a name="Float"/>浮动放置透明图例、筛选器、荧光笔和参数</h3><p>若要直观地将筛选器、参数和荧光笔连接到相关数据，请将这些默认情况下为透明的项目浮动放置。文本始终保持完全不透明，从而保持易读性。</p><p><img src="Img/format_transparent_example.png" alt=""/></p><p>如果某个浮动对象不断显示颜色，请检查以下对象级别和工作表级别设置：</p><ul><li value="1"><p>选择对象，在<span class="uicontrol">“布局”</span>选项卡上单击<span class="uicontrol">“背景”</span>颜色，并选择<span class="uicontrol">“无”</span>。</p></li><li value="2"><p>单击<span class="uicontrol">“设置格式”</span>菜单，然后选择<span class="uicontrol">“图例”</span>、<span class="uicontrol">“筛选器”</span>、<span class="uicontrol">“荧光笔”</span>或<span class="uicontrol">“参数”</span>。然后，在左侧的“设置格式”窗格中，选择<span class="uicontrol">“阴影”</span>&gt;<span class="uicontrol">“无”</span>。</p><p><img src="Img/format_transparent_shading.png" alt=""/></p></li></ul><p>有关详细信息，请参见<a href="formatting_worksheet.htm" class="MCXref xref">在工作表级别设置格式</a>。</p></div><div id="tableau-help-other-articles-in-section"><h2 is="heading-item" :level="2" id="此部分中的其他文章">此部分中的其他文章</h2><div is="menu-tree-static" :levels-to-show="1"/></div></div><div class="article__footer--back-to-top text--centered print-hidden quick-help-hidden"><a href="#" class="text--caps"><span class="icon--med icon--arrow-up"/> 回到顶部</a></div><feedback-form :disabled="false" class="print-hidden content-only-hidden" helpful-question="这篇文章解决了您的问题吗?" helpful-yes="是" helpful-no="否" comment-question="我们重视您的反馈。在此处添加注释。" submit-option="发送" cancel-option="取消" loading-text="正在发送..."><span slot="submittedMessage">感谢您的反馈!</span></feedback-form></article><nav class="nav-side nav-side--right"><menu-heading-links-scrollable-help menu-title="本文内容" :disabled="false" :headings="pageHeadings"/></nav></div></div><feedback-button-floating tooltip="发送反馈" :disabled="false"/><footer class="container--full-width"><div class="container--centered"><div class="footer__links text--caps"><ul><li><a href="https://www.tableau.com/zh-cn/legal" class="">法律</a></li><li><a id="privacyLink" class="">隐私</a></li><li><a href="#" data-ignore-geolocation="true" class="optanon-toggle-display">Cookie Preferences</a></li></ul></div><div class="footer__copyright text--caps"><copyright-notice year-start="2003" notice-text="Tableau Software LLC.保留所有权利"/></div></div></footer></div> </body>