举个栗子!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 到了吗?赶快试试看吧!

下一期《举个栗子》,再会~

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,302评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,563评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,433评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,628评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,467评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,354评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,777评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,419评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,725评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,768评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,543评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,387评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,794评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,032评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,305评论 1 252
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,741评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,946评论 2 336

推荐阅读更多精彩内容