z-order是二维对象重叠的顺序,例如,在散点图中彼此叠加的圆圈。在CSS中,有一个z-index设置,用于在视图中向前或向后移动对象,控制哪个对象被放在顶层。在Tableau中,我们没有这种明确定义z顺序方式。相反,视图由正在使用的标记定义。因为在每个上面绘制标记时,可能会令人困惑甚至沮丧:如果在较小标记的顶层绘制较大的标记,则无法悬停或选择较小的标记。这会影响相关工具,悬停操作或选择要突出显示或过滤的标记。在这篇文章中,我将概述如何控制z顺序。Spoiler - 它是Marks Card上控制z顺序的属性次序,并提供三个例子。
由颜色图例标记顺序
以下是使用Tableau世界指标数据中的女性预期寿命和婴儿死亡率制作的散点图。我已经使用Region(即大陆)在颜色上绘制了这个散点图。我将颜色的透明度设置为55%,以便看到不同层的气泡。请注意,亚洲是顺序图例中的第二种颜色。Region是Marks Card中的第一个设置为Color的属性,颜色图例的顺序控制z顺序。
这意味着代表非洲的圆圈位于代表亚洲的圆圈之上,依此类推。在下图中,您将看到代表中国的大圆圈位于所有其他区域之上,除了非洲国家的小蓝点。
只需在颜色图例中拖动较高或较低的Region(或手动对标记卡上的区域进行排序),即可控制图例的顺序。
按字母顺序排列的标记
在下一个例子中,我只是将Country从Marks Card的底部移到了顶部。由于国家按字母顺序排列,而国家/地区位于标记卡的顶部,因此z顺序现在按字母顺序设置为国家/地区。换句话说,阿富汗将成为最高标记,津巴布韦将绘制在底部。
请注意,保加利亚(欧洲)和巴西(美洲)绘制在中国之上,尽管亚洲颜色图例中高于它们。这是因为Tableau正在使用国家名称的顺序(标记卡上的顶层属性),而不是颜色图例。由于俄罗斯联邦(欧洲)在中国的国家名单中位于中国以下,因此它在中国的z顺序中落后。
按国家划分的标记和按人口排序
我们可以通过对Mark’s Card顶部的属性进行分类来控制标记的分类。例如,如果我们希望在每种情况下所有较小的点都位于较大的点之上,那么我们可以按人口对国家进行排序。如果我们按人口总数递增排序,则人口最少的国家将位于列表的顶部,最大的国家将位于列表的底部,而z顺序将会把较小的点放到较大点的顶部。
现在我们可以将鼠标悬停在视图中的每个点上,因为较小的点绘制在较大的点之上,而不管国家或地区如何。
下面是Tableau Visualization显示的三个示例。将鼠标悬停在三个示例中的点上,以根据属性顺序和标记卡上的排序查看差异。
原文发布时间为:2018-11-23
本文作者:Jeffrey A. Shaffer