举个栗子！Tableau 技巧（123）：用 Tabs 选项卡切换查看图表

选项卡 Tabs 是 Web 中一种很常用的功能。通过 Tabs
选项卡，将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户点击对菜单项，能切换出对应的内容。对每一个开发者而言布局是有限的，传递的信息是无限的。

近日，有 Tableau 用户学习 在同一视图中切换不同图表 后，提出了一个有趣的想法：在 Tableau 中能否通过类似 Tabs 选项卡来实现图表的切换查看吗？

这个是可以实现的。我们在一些真实分析场景中，实现过如下的选项卡切换效果：

具体该如何实现呢？我们来分享方法吧！

本期《举个栗子》，我们要给大家分享的 Tableau 技巧是：用 Tabs 选项卡切换查看图表。

为方便学习，栗子使用 Tableau 自带的“示例-超市”数据源。掌握栗子方法后，数据粉可尝试使用其它数据源。

具体步骤如下：

1、创建用于切换的工作表

打开 Tableau Desktop，连接“示例-超市”数据源，新建工作表。首先，需要创建三个用于切换的工作表。

Tips：这一步的工作表仅用于切换呈现，数据粉可按需创建，不影响栗子效果。

➤ 工作表：Tab1
将维度“类别”拖放至列，将度量“销售额”拖放至行及“标记”卡的颜色中，将工作表重命名为：Tab1。

➤ 工作表：Tab2
右键单击维度“地区”，在下拉菜单中选择：地理角色-创建依据-省/自治区。然后，双击地理角色“地区”，再将度量“销售额”拖放至“标记”卡的颜色中；

将维度“地区”和度量“销售额”分别拖放至“标记”卡的标签中；将工作表重命名为：Tab2。

➤ 工作表：Tab3
将维度“地区”拖放至行，再双击“利润”、“销售额”和“利润率”；单击标记卡的“颜色”，将颜色设置为需要的颜色（示例色号：#00ffff）；

在筛选器卡，右键单击“度量名称”胶囊，下拉菜单中选择：排序，在弹出的对话框中，勾选“降序”；工作表重命名为：Tab3。

2、创建计算字段

接着，需要创建三个计算字段，用于制作选择切换的三个选项卡。

单击”数据“窗口右上角 ▼ 符号，下拉菜单中选择：创建计算字段。创建三个字段：tab1、tab2 和 tab3，分别键入函数：“tab1”、“tab2”、“tab3”。

3、创建选项卡工作表

新建工作表，开始创建工作表：选项卡。

分别双击行和列空白处，在空白胶囊中输入：0。即可在行上添加一个“0”作为定位符、列上添加三个“0”作为占位符。去掉工作表所有的默认属性（网格线、零值线、轴刻度等）；

将刚刚创建的计算字段“tab1”、“tab2”和“tab3”分别拖放至“tab1”、“tab2”和“tab3”“标记”卡的标签中；再分别单击三个“标记”卡的“形状”，选择需要的标签形状。

Tips：示例使用了自定义形状（点击学习：如何插入自定义。

4、创建仪表板

新建仪表板，从左侧“对象”窗格中，先将一个浮动的垂直容器拖放至右侧视图中，按需调整该容器的尺寸后，再分别拖放两个平铺的水平容器（如图容器 1 和 容器 2）到该容器里面。此时，后拖入的两个平铺的水平容器应是上下位置，可通过鼠标点选来确认位置关系。

将工作表“选项卡”拖放至上面的容器（容器 1） 中，将工作表“Tab1”、“Tab2”和“Tab3”依次拖放至下面的容器（容器 2 ）中。隐藏所有工作表标题，并将每个工作表的视图大小都设置为：整个视图。此时，下面容器中的三个工作表从左到右排列，图表可能没有完全显示，是正常情况。

再从左侧“对象”窗格中，将一个平铺的空白拖放至上面的容器（容器 1）中，摆放在工作表”选项卡“的右侧。然后，调整工作表”选项卡”和空白对象的尺寸，其工作表”选项卡”实现左对齐。

5、添加操作

最后，通过仪表板的操作设置，实现通过单击选项卡来切换视图工作表的效果。单击顶部菜单栏“仪表板”，下拉菜单中选择：操作，在“操作”对话框中，选择：添加操作-筛选器。

在弹出的“添加筛选器操作”对话框中，将筛选器名称分别设置为“tab1”、“tab2”和“tab3”。源工作表都选为：选项卡，目标工作表分别选为：Tab1、Tab2和Tab3。

将运行方式选为：选择，并勾选“仅在单选时运行”；清除选定内容将会 设置为：排除所有值；目标筛选器设置为：选定的字段，单击底部的“添加筛选器”，源目标字段分别选择：“Tab1”、“Tab2”和“Tab3”。

01

02

03

如此，就完成了用 Tabs 选项卡切换查看图表的可视化效果，分别单击三个选项卡，对应的图表就会在下面呈现出来了。

本期的 Tableau 技巧，你 Get 到了吗？赶快试试看吧！
下一期，再会~

文章部分信息来源于网络，如有侵权请告知