如何在 Tableau 仪表板上创建响应式布局?
How to create a responsive layout on Tableau dashboards?
我创建了 4 个 tableau 工作表,我们将它们命名为 W1, W2, W3, W4
。每个工作表都有一种 table 的数据表示方式。
我想在仪表板中展示它们。所以我放了 4 个垂直布局,然后把那些纸放在里面。
W1 的大小因数据而异。因此,如果数据很大,可能会在 W1
中插入新行。您可以看到此处选择了布局 1(即 W1)的仪表板 - Dashboard1
因此,如果 layout1 的高度增加(即 W1
中添加了新行),我不想弹出滚动条。我想让layout1下面的其他布局根据layout1的大小调整。
我怎样才能做到这一点?
编辑 1 - 这是布局层次结构的图片供参考 layout hierarchy
当您打开仪表板时,您会注意到仪表板窗格中有一个 设备预览 按钮。
单击 "device preview" 按钮会显示两个创作工具,可在各种设备类型和屏幕尺寸上预览仪表板布局。
如果仪表板超出预览屏幕的边界。单击预览工具栏中的“添加平板电脑布局”按钮。此操作将创建仪表板的自定义,一个调用是 'device layout'.
希望这对您有所帮助...
垂直和水平布局容器 designed/intended 允许您明确指定 Tableau 应如何放置仪表板组件(工作表、标题、文本组件、图像组件等)。
当您将组件放在仪表板上时,Tableau 会自动引入平铺布局容器。在这种情况下,您会将一些定位控制权移交给 Tableau。
平铺容器在容易上手的情况下效果很好,但是当您想自己指定定位时,您通常希望删除平铺布局容器(以及任何其他不必要的额外容器级别)。只需右键单击左侧边栏布局层次结构中的容器即可将其删除。
您可以将组件放置在垂直容器中,以创建一列,其中多个组件堆叠成行,所有组件都具有相同的宽度,但各个行的高度由垂直布局容器控制。例如,使用垂直容器在边距中制作侧边栏或垂直堆叠组件。水平容器类似地工作。
您可以固定垂直容器中每个组件的高度以限制容器的选择,或者您可以将高度选择留给容器——它会考虑数据量、其他容器的高度,以及每个组件的 "fit" 设置。水平容器类似地工作。
您可以嵌套垂直和水平容器以创建组件行和列的任意嵌套。
如果仪表板大小设置为自动或范围,那么您可以构建响应式仪表板,当仪表板调整尺寸时表现良好,调整适合度、尺寸和嵌套以及布局层次以获得您想要的行为。
所以总而言之,删除平铺容器,将容器层次结构简化为您想要的(在您的情况下可能只是一个垂直容器),调整固定大小,适合,仪表板大小选择,测试,然后您应该让您的仪表板运行良好。
有时,拥有一个虚拟组件(空白、文本或图像)会很有帮助,您可以在快速按照自己的方式设置容器时临时使用它 - 然后用真实的工作表替换虚拟组件。
这方面的聚会来晚了,但自从 Tableau 10 以来,创建同一仪表板的特定于设备的布局就很简单了。完整详情:https://tarsolutions.co.uk/blog/tableau-responsive-dashboards-for-mobile-and-desktop/
我创建了 4 个 tableau 工作表,我们将它们命名为 W1, W2, W3, W4
。每个工作表都有一种 table 的数据表示方式。
我想在仪表板中展示它们。所以我放了 4 个垂直布局,然后把那些纸放在里面。
W1 的大小因数据而异。因此,如果数据很大,可能会在 W1
中插入新行。您可以看到此处选择了布局 1(即 W1)的仪表板 - Dashboard1
因此,如果 layout1 的高度增加(即 W1
中添加了新行),我不想弹出滚动条。我想让layout1下面的其他布局根据layout1的大小调整。
我怎样才能做到这一点?
编辑 1 - 这是布局层次结构的图片供参考 layout hierarchy
当您打开仪表板时,您会注意到仪表板窗格中有一个 设备预览 按钮。
单击 "device preview" 按钮会显示两个创作工具,可在各种设备类型和屏幕尺寸上预览仪表板布局。
如果仪表板超出预览屏幕的边界。单击预览工具栏中的“添加平板电脑布局”按钮。此操作将创建仪表板的自定义,一个调用是 'device layout'.
希望这对您有所帮助...
垂直和水平布局容器 designed/intended 允许您明确指定 Tableau 应如何放置仪表板组件(工作表、标题、文本组件、图像组件等)。
当您将组件放在仪表板上时,Tableau 会自动引入平铺布局容器。在这种情况下,您会将一些定位控制权移交给 Tableau。
平铺容器在容易上手的情况下效果很好,但是当您想自己指定定位时,您通常希望删除平铺布局容器(以及任何其他不必要的额外容器级别)。只需右键单击左侧边栏布局层次结构中的容器即可将其删除。
您可以将组件放置在垂直容器中,以创建一列,其中多个组件堆叠成行,所有组件都具有相同的宽度,但各个行的高度由垂直布局容器控制。例如,使用垂直容器在边距中制作侧边栏或垂直堆叠组件。水平容器类似地工作。
您可以固定垂直容器中每个组件的高度以限制容器的选择,或者您可以将高度选择留给容器——它会考虑数据量、其他容器的高度,以及每个组件的 "fit" 设置。水平容器类似地工作。
您可以嵌套垂直和水平容器以创建组件行和列的任意嵌套。
如果仪表板大小设置为自动或范围,那么您可以构建响应式仪表板,当仪表板调整尺寸时表现良好,调整适合度、尺寸和嵌套以及布局层次以获得您想要的行为。
所以总而言之,删除平铺容器,将容器层次结构简化为您想要的(在您的情况下可能只是一个垂直容器),调整固定大小,适合,仪表板大小选择,测试,然后您应该让您的仪表板运行良好。
有时,拥有一个虚拟组件(空白、文本或图像)会很有帮助,您可以在快速按照自己的方式设置容器时临时使用它 - 然后用真实的工作表替换虚拟组件。
这方面的聚会来晚了,但自从 Tableau 10 以来,创建同一仪表板的特定于设备的布局就很简单了。完整详情:https://tarsolutions.co.uk/blog/tableau-responsive-dashboards-for-mobile-and-desktop/