独家 | Tableau中的Z-Order了解一下!

简介:

z-order是二维对象重叠的顺序,例如,在散点图中彼此叠加的圆圈。在CSS中,有一个z-index设置,用于在视图中向前或向后移动对象,控制哪个对象被放在顶层。在Tableau中,我们没有这种明确定义z顺序方式。相反,视图由正在使用的标记定义。因为在每个上面绘制标记时,可能会令人困惑甚至沮丧:如果在较小标记的顶层绘制较大的标记,则无法悬停或选择较小的标记。这会影响相关工具,悬停操作或选择要突出显示或过滤的标记。在这篇文章中,我将概述如何控制z顺序。Spoiler - 它是Marks Card上控制z顺序的属性次序,并提供三个例子。

由颜色图例标记顺序

以下是使用Tableau世界指标数据中的女性预期寿命婴儿死亡率制作的散点图。我已经使用Region(即大陆)在颜色上绘制了这个散点图。我将颜色的透明度设置为55%,以便看到不同层的气泡。请注意,亚洲是顺序图例中的第二种颜色。Region是Marks Card中的第一个设置为Color的属性,颜色图例的顺序控制z顺序。

25a320718156cae885afb766c9dcdd59eb914b80

这意味着代表非洲的圆圈位于代表亚洲的圆圈之上,依此类推。在下图中,您将看到代表中国的大圆圈位于所有其他区域之上,除了非洲国家的小蓝点。

c6428abea1b1ace14cb89a425791f54748587f61

只需在颜色图例中拖动较高或较低的Region(或手动对标记卡上的区域进行排序),即可控制图例的顺序。

d5d3516a1a51c71dd33c824205f25ecdd3d89755

您可能想知道亚洲的其他国家,这些国家在颜色图例中处于同一水平。为了回答这个问题,我们可以检查在中国下面绘制的泰国(亚洲国家)。这是因为Region之后的下一个z顺序是由视图中的下一个属性设置的,即Country,并且基于该顺序,泰国在列表中位于中国之下。因此,中国位于泰国的上面。

按字母顺序排列的标记

在下一个例子中,我只是将Country从Marks Card的底部移到了顶部。由于国家按字母顺序排列,而国家/地区位于标记卡的顶部,因此z顺序现在按字母顺序设置为国家/地区。换句话说,阿富汗将成为最高标记,津巴布韦将绘制在底部。

215bb45efce998d69c88deca517145d260a2c9b7

请注意,保加利亚(欧洲)和巴西(美洲)绘制在中国之上,尽管亚洲颜色图例中高于它们。这是因为Tableau正在使用国家名称的顺序(标记卡上的顶层属性),而不是颜色图例。由于俄罗斯联邦(欧洲)在中国的国家名单中位于中国以下,因此它在中国的z顺序中落后。

28c52723d1a99a4b13d88ac22a629e87ed986edb

按国家划分的标记和按人口排序

我们可以通过对Mark’s Card顶部的属性进行分类来控制标记的分类。例如,如果我们希望在每种情况下所有较小的点都位于较大的点之上,那么我们可以按人口对国家进行排序。如果我们按人口总数递增排序,则人口最少的国家将位于列表的顶部,最大的国家将位于列表的底部,而z顺序将会把较小的点放到较大点的顶部。

3f03e31b65ae286a544f26e6b34f105938fdfaae

cf2e078b605c8a00f2a9a9fbe9a227d1f6017565

现在我们可以将鼠标悬停在视图中的每个点上,因为较小的点绘制在较大的点之上,而不管国家或地区如何。

b44b2fb8fa46171d35ac89c811d098a1d75bfe7f

下面是Tableau Visualization显示的三个示例。将鼠标悬停在三个示例中的点上,以根据属性顺序和标记卡上的排序查看差异。


原文发布时间为:2018-11-23

本文作者:Jeffrey A. Shaffer

本文来自云栖社区合作伙伴“数据派THU”,了解相关信息可以关注“数据派THU”。

相关文章
|
存储 数据采集 XML
再谈主数据管理|一文读懂主数据项目实施
主数据管理是企业改善其关键数据资产(如产品数据,资产数据,客户数据,位置数据等)的一致性和质量的必要数据管理活动。
|
安全 Java 持续交付
Java本地远程服务器debug调试
Java本地远程服务器debug调试
619 0
|
6月前
|
移动开发 JavaScript 前端开发
《抉择与权衡:Vue技术栈下uni-app与Taro的跨端较量》
在Vue技术栈为主的团队中,选择跨端开发框架时,uni-app与Taro各有优势。uni-app基于Vue.js,语法熟悉度高,开发效率快,HBuilderX工具支持强,跨端覆盖广(iOS、Android、Web及多小程序平台),性能优化特性丰富,生态插件完善。而Taro虽支持Vue语法,但核心仍带React风格,需适应新思维,其性能在React Native和H5上表现突出,适合对这些平台有高性能需求的项目。团队应根据开发效率、跨端需求及性能要求权衡选择。
423 30
|
机器学习/深度学习 人工智能 算法
【AI伦理与社会责任】讨论人工智能在隐私保护、偏见消除、自动化对就业的影响等伦理和社会问题。
人工智能(AI)作为第四次产业革命的核心技术,在推动社会进步和经济发展的同时,也引发了一系列伦理和社会问题。以下从隐私保护、偏见消除以及自动化对就业的影响三个方面进行详细讨论。
495 2
|
缓存 负载均衡 算法
Java性能优化实战:从代码到部署的全方位攻略
在软件开发的世界里,性能是金。本文将通过浅显易懂的语言和具体案例,带你了解如何从编写更高效的Java代码开始,到利用JVM调优工具,再到部署环境的精细调整,全面提升你的Java应用性能。你将学会如何识别瓶颈、选择正确的数据结构和算法、进行垃圾回收调优,以及使用现代硬件优势来加速你的应用。无论你是新手还是资深开发者,这篇文章都将为你的Java性能优化之旅提供宝贵的指导。
|
机器学习/深度学习 算法 数据可视化
面向萌新的数学建模入门指南
面向萌新的数学建模入门指南
870 0
|
安全 数据安全/隐私保护
【GitHub】2FA认证(双重身份验证)
【GitHub】2FA认证(双重身份验证)
1902 6
|
Linux Windows
windows和linux安装Erlang
windows和linux安装Erlang
1648 0
|
机器学习/深度学习 存储 分布式计算
【王喆-推荐系统】线上服务篇-(task5)部署离线模型
(1)业界主流的模型服务方法有 4 种,分别是预存推荐结果或 Embeding 结果、预训练 Embeding+ 轻量级线上模型、利用 PMML 转换和部署模型以及 TensorFlow Serving。
1445 0
【王喆-推荐系统】线上服务篇-(task5)部署离线模型