Tableau 优课堂 | 第39课:仪表板设备设计器

published: 2023-05-04

欢迎观看由优阅达制作的【优课堂】系列视频。本节课,我们来学习:仪表板设备设计器。

在实际使用场景中,最终用户需要在不同的电子设备上使用和浏览仪表板,Tableau 中的 “设备设计器” 功能让你可以预览母版仪表板在台式机、平板电脑或手机上的显示效果,并且,你还可以对其进行自定义。


默认布局

新建一个仪表板。在使用仪表板的时候,我们可在左侧仪表板窗格中发现以下信息:当前仪表板的尺寸设置、当前仪表板可使用的工作表、可以在仪表板中添加的对象等。

现在,我们正在使用默认(布局)仪表板。关于默认仪表板,我们必须知道以下几件事情:

  • 默认仪表板对其他设备的布局起到模板作用,因此无需从头创建;

  • 只有放到默认仪表板上的工作表才能用于设备特定的布局;

  • 可以将工作表从布局中移除,但只能使用默认仪表板上的工作表。


添加设备布局

将自己需要的所有视图放到默认仪表板上之后,就可以添加设备布局了。单击“设备预览”,调出“设备预览”栏。可以看到设备类型包括:平板电脑、手机、默认布局等。

根据所选的设备,“型号”一项中列出常见型号及其尺寸。请注意,“型号”仅仅起指导作用。

此外,还有“屏幕方向”选项。通常,平板电脑为横向,而手机为纵向。

最后,单击“添加布局”,为所选的设备类型添加布局。


自定义布局

添加布局后,首要决定的是大小:

  • “默认”为保持默认仪表板大小;

  • “适合全部”将对所有尺寸进行“适配”操作,类似默认仪表板上的自动调整大小;

  • “适合宽度”将对仪表板进行“水平适配”操作,但允许使用自定义的高度。这意味着,用户会通过垂直滚动来查看整个仪表板。

我们可以查看设备外框,来确定内容的剪裁位置,设备外框尺寸取决于所选型号。

最佳做法是在屏幕底部显示“偷看”,表明通过滚动可以看到更多内容。这里,暂时保留为“全部适应”。

接下来,我们可以控制仪表板上各种元素的布局。

初始布局基于默认仪表板。如果单击“自定义”,我们就可以直接编辑设备布局。

请注意,颜色图例的菜单具有“从平板电脑移除”选项,更改此布局不会影响默认布局和其他设备布局。

仅可查看默认仪表板上的内容,工作簿中的其他工作表均不可用。如果希望添加 “每月利润趋势” 工作表,该如何操作?


添加内容

若要在此平板电脑布局中访问更多的可视化内容,首先需要将其添加到默认布局中。再次单击左侧窗格顶部的“默认值”,转到母版布局,可调出“每月利润趋势”工作表。

若返回到“平板电脑”,会看到此工作表可在左侧窗格中使用。然而,它并没有自动添加到布局,这是因为我们已经开始了自定义。

单击“默认值”将撤销所有更改,并使此平板电脑布局与默认布局重新同步。

现在,我们可以看出,为什么默认布局在本质上是一个模板:已添加“每月利润趋势”工作表,但有关颜色图例的更改已丢失。

所以,我们撤消该操作,仅拖入每月利润趋势;更改筛选器的显示方式,让地图显示大一点。

好,似乎已经达到了我们想要的效果。让我们看看它在其他类型的平板电脑上效果如何。

单击各个型号即可显示不同平板电脑的预览。务必记住,型号设备外框为估计值。

此外,需要注意的是:

  • 设备预览可能不会考虑到应用镶边或工具栏,请确保留出相应空间。

  • 发布仪表板后,最终可视化在设备上的显示效果可能与预览不同。因此,最好总是在相关设备上查看已发布的仪表板。


添加更多设备布局

现在,我们已经得到了满意的平板电脑布局。但有时候,大家也想在手机上使用此仪表板。

若要再添加一个布局,先点击默认值,选择设备类型(此处为“电话”),然后单击“添加布局”。

现在可看到,“手机”位于顶部的“默认布局”下。

单击“锁”,进入编辑模式。可将大小设置为适合宽度。单击“自定义”,以便进行编辑。

移除趋势线视图,将地图向下移至底部,然后调整大小。

现在,我们为此仪表板制作了一个在手机上效果很好的版本。请注意,没有指定布局的所有设备都将使用默认布局。



以上就是关于「仪表板设备设计器」的全部内容。感谢观看本视频,更多 Tableau 学习资源,请关注微信公众号“优阅达大数据生态”。


更多相关信息,请访问专题页: Tableau仪表板制作