Tableau图表 • 倾斜图(斜线图)

本文介绍了如何使用Tableau创建倾斜图,以展示单指标不同时期的变化,如2018年世界杯32支球队排名变化。通过创建计算字段和调整视图设置,可以实现数字、颜色和粗细的可视化,直观地展示排名变化情况。

 

倾斜图,又名斜线图、斜率图,可以展示单指标不同时期的变化情况,既能展示值的大小变化,同时能展示排名变化。

下图是2018年世界杯32支参赛球队排名变化倾斜图,图中的数字、颜色和粗细分别代表了不同含义,可以让人一目了然的知晓各支队伍排名变化情况。

数字:左侧数字是赛前各参赛队的FIFA排位顺序,右侧是2018世界杯名次。

颜色:表示赛前排位顺序与赛后实际结果的比较情况,绿色为上升,红色为下降。

粗细:表示排位变化的幅度,线条越粗表示赛前排位与比赛结果相差越大。

图:2018世界杯球队排名变化倾斜图
图:2018世界杯球队排名变化倾斜图

 

用tableau创建倾斜图的主要步骤:

  1. 整理数据。
  2. 创建斜线图
  3. 添加可视化内容

整理数据

这里简单创建了一个2018年世界杯32支参赛队的数据源,包括球队、赛前FIFA排名、赛后实际排位三个字段。

图:倾斜图数据源示例
图:倾斜图数据源示例

 

要实现上面的倾斜图,需要对基础数据源的数据进行整理,具体为创建“赛前相对排位”和“排名变化差”两个计算字段。

创建“赛前相对排位”计算字段

数据源中有一个“赛前FIFA排名”字段,表示世界杯前,32支球队的FIFA排名情况,最高的是德国,排第1位,最低的是俄罗斯,排第70位。为了与赛后实际排名进行同口径对比,这里要将各球队的赛前FIFA排名转换为赛前相对排位,即根据FIFA排名的高低,将各球队进行排序,FIFA排名最高的排第1位,最低的排第32位。

为达到排名转换的需要,这里使用RANK函数,依据“赛前FIFA排名”字段,对32支球队进行升序排序。

图:"赛前相对排位"计算字段示例
图:"赛前相对排位"计算字段示例

 

创建“排位变化差值”计算字段

上面的斜线图中,使用颜色和粗细对各支球队的排位变化情况进行了可视化展现,而这里的可视化依据是球队赛前相对排位与赛后实际排名的差值,差值越大,线条越粗,差值若为负值,线条则为红色。

为此,需要创建“排位变化差值”的计算字段,即计算“球队赛前相对排位”与“赛后实际排名”的差值情况。

图:"排位变化差值"计算字段示例
图:"排位变化差值"计算字段示例

 

需要注意的是,“赛前相对排位”是表计算,其结果已经聚合,而“赛后实际排名”为非聚合字段,因此公式中需要对“赛后实际排名”字段进行聚合处理,如添加SUM函数,才能让两个字段在一起计算。

创建斜线图

完成所需计算字段的创建后,就可以在视图区中创建斜线图,主要有两个步骤:

创建斜线图主要步骤:

  1. 构建排名变化斜线
  2. 设置斜线标签
  3. 美化图形

构建排名变化斜线

对于要创建的斜线图,其横轴是“赛前相对排位”和“赛后实际排名”两个字段,纵轴是排位数字,因此,在实际操作中,具体分为以下几步:

Step01 将维度区的“度量名称”和度量区的“度量值”分别拖放到“列”功能区和“行”功能区。

图:度量名称和度量值拖放位置示例
图:度量名称和度量值拖放位置示例

 

Stpe02 在“度量值”区域仅保留所需的“赛前相对排位”和“赛后实际排名”两个度量值。

图:度量值保留字段示例
图:度量值保留字段示例

 

Step03 将“赛前相对排位”计算字段的计算依据设置为“球队”,以确保排位结果正确。

图:计算依据设置示例
图:计算依据设置示例

 

Step04 将维度区的“球队”字段拖放到“标记”卡的“详细信息”。

图:"球队"字段拖放位置示例
图:"球队"字段拖放位置示例

 

完成以上三步后,就可以初步创建出球队排名变化的斜线图雏形。该图仅有斜线,其他任何标识都还没有显示。

图:斜线图雏形示例
图:斜线图雏形示例

 

设置斜线标签

要让斜线图将所需的主要标签显示出来,还要进一步对视图进行设置。

Step01 倒转坐标轴。在纵轴上通过鼠标右键进入“编辑轴”窗口,将纵坐标轴设置为“倒序”,使得数字按照从上往下的顺序表现为由小到大,体现球队排名从高到低,以符合正常的阅读习惯。

图:坐标轴"倒序"示例
图:坐标轴"倒序"示例

 

Step02 显示“球队”标签。将“球队”字段拖放到“标记”卡的“标签”,点击“标签”进入设置窗口,将“标签标记”设为“线末端”,并将出现的三个选项全部勾选,即可在视图两侧显示出球队名称。

图:显示"球队"名称示例
图:显示"球队"名称示例

 

Step03 设置“度量值”标签。将“度量值”拖放到“标记”卡的“标签”,点击“标签”进入设置窗口,在“标签外观”的“文本”设置栏,将标签设置为“<度量值>.<球队>”,即可在视图中按照设置好的格式进行显示。

图:设置"度量值"标签示例
图:设置"度量值"标签示例

 

设置格式

对创建的斜线图进行美化,包括调整“度量值”数字格式、去除网格线、去除纵坐标轴标题等,即可初步完成排名变化斜线图的制作。

图:斜线图格式设置结果示例
图:斜线图格式设置结果示例

 

添加可视化内容

增加线条粗细可视化

用线条粗细表示赛前相对排位与赛后实际排名的变化大小,总共包括三个步骤。

Step01 将“排名变化差值”字段拖放到“标记”卡的“大小”。

图:字段设置"大小"示例
图:字段设置"大小"示例

 

Step02 将“排名变化差值”字段的计算依据设置为“球队”。

图:调整计算依据示例
图:调整计算依据示例

 

Step03 由于这里只考虑数字的绝对大小,不考虑正负情况,因此还需要对“排名变化差值”求绝对值,即直接在“排名变化差值”字段上用ABS()函数求绝对值。

图:ABS()函数使用示例
图:ABS()函数使用示例

 

完成上面三步后,斜线图中的线条即可用粗细来表示排名变化的大小。

图:线条粗细创建结果示例
图:线条粗细创建结果示例

 

增加线条颜色可视化

要用线条颜色表示排名上升或是下降,只需要将“排名变化差值”字段直接拖放到“标记”卡的“颜色”,再调整好中心值,编辑好择惯用的颜色即可。

图:斜线图创建结果示例
图:斜线图创建结果示例

 


 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值