举个栗子!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”。
如此,就完成了用 Tabs 选项卡切换查看图表的可视化效果,分别单击三个选项卡,对应的图表就会在下面呈现出来了。
今天的 Tableau 技巧,你 Get 到了吗?赶快试试看吧!