举个栗子!Tableau 技巧(191):拱形图 ARC chart 呈现数据进度百分比或仪表盘

published: 2022-10-14

关于拱形图的应用,之前分享了 用拱形图 ARC chart 呈现数据分布,教大家学习如何在 Tableau 中用拱形图呈现数据的分布情况。


今天,我们再分享另外两种拱形图应用的实现方法:进度百分比 和 仪表盘。一睹为快吧!

本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:拱形图 ARC chart 呈现数据进度百分比或仪表盘。


为方便学习,栗子使用 Tableau 自带的“示例-超市”数据源,来实现拱形图分析数据进度。掌握栗子方法后,数据粉可尝试使用自己的数据。


具体步骤如下:

1.连接数据源

打开 Tableau Desktop,连接“示例-超市”数据源中的“订单”表。

2.创建计算字段

示例场景:以数据源中的“销售额”为例,假设公司五年(2018-2022)计划达成销售额 20000000,若要展示截止 2021 年,目标达成进度是多少?我们创建一个拱形图展示其进度达成。

新建工作表,首先需要创建实现拱形图所需的计算字段:


➤ 创建计算字段:销售进度,键入函数

SUM([销售额])/20000000


➤ 创建计算字段:销售额进度弧度-1,键入函数

IF [销售进度]<=0.5 THEN [销售进度]

ELSE 0.5

END


➤ 创建计算字段:销售额进度弧度-2,键入函数

IF [销售进度]<=0.5 THEN 0

ELSE [销售进度]-0.5

END


➤ 创建计算字段:(1-销售进度)的弧度-1,键入函数

IF [销售进度]<=0.5 THEN 0.5-[销售进度]

ELSE 0

END


➤ 创建计算字段:(1-销售进度)的弧度-2,键入函数

IF [销售进度]<=0.5 THEN 0.5

ELSE 1-[销售进度]

END


➤ 创建计算字段:半圆弧,键入函数

AVG(1)


➤ 创建计算字段:模拟指针-1,键入函数

IF [销售进度]<=0.5 THEN 0.005 END


➤ 创建计算字段:模拟指针-2,键入函数

IF [销售进度]>0.5 THEN 0.005 END


➤ 创建计算字段:空白,键入函数

'空白'

3.创建拱形进度图

将“标记”卡标记类型改为:饼图,将字段“度量值”和“度量名称”分别拖放至"标记"卡的角度和颜色中。


右键单击“筛选器”卡中的“度量名称”胶囊,下拉菜单中选择:编辑筛选器。在弹出的对话框中,保留勾选半圆弧、销售进度弧度-1、销售进度弧度-2、(1-销售进度)的弧度-1、(1-销售进度)的弧度-2。


将工具栏的视图模式由“标准”切换为“整个视图”,即可得到如下效果:

鼠标拖动“度量值”卡中的胶囊位置,来调整饼图中各“度量名称”的位置顺序(注释:按前面编辑的“弧度”计算调整位置)。

单击“标记”卡中的“颜色”,在弹窗中选择:编辑颜色。在颜色编辑窗口中,为不同的“度量名称”设置颜色。

此时,视图中是一个扇形图,接下来需要将其转化为拱形图,步骤与饼图变成环形图一致:

❶ 双击行的空白处,在打开的空白胶囊中键入:AVG(0)。重复操作,再创建一个“AVG(0)”胶囊。这时,可以看到有两个“AVG(0)”“标记”卡,如下图所示:



❷ 将第二个“AVG(0)”“标记”卡中的字段全部移除,再单击“颜色”,将颜色设置为与背景色相同的颜色(本栗为默认的白色);


❸ 打开第一个“AVG(0)”“标记”卡,点击“大小”,将其大小调大一些;


❹ 右键单击行功能区的第二个AVG(0)胶囊,在弹出来的菜单中选择“双轴”,即可得到如下效果:


❺ 将字段“销售进度”拖放至第二个“AVG(0)”“标记”卡的标签中,通过“设置格式”将图表中的框线、零值线等清除;将显示的“销售进度”格式设置为百分比形式,得到如下效果:

通过上述步骤,得到了一个百分比拱形进度图。在此基础上,如果希望实现类似汽车仪表盘的呈现效果,还需要给图表增加一个指针。

4.为拱形进度图增加指针

将字段“度量名称”和“度量值”分别拖放至第二个“AVG(0)”“标记”卡的颜色和角度中,然后将字段“模拟指针-1”和“模拟指针-2”拖放至“标记”卡下方的“度量”卡中,胶囊位置顺序如下图所示:

此时,拱形图又变成了一个扇形图,并且标签显示混乱,接下来需要就解决这两个问题。


❶ 将字段“空白”拖放至第二个“AVG(0)”“标记”卡的详细信息中,单击该胶囊前面的详细信息图标,将该胶囊改为:颜色。

打开第二个“AVG(0)”“标记”卡,单击“颜色”,为这个图中所有度量重新设置颜色。除指针外,其他度量都设置为白色,两个指针度量颜色需一致。如此,一个小指针就添加好了。

接下来,再来解决标签显示混乱的问题。


❷ 将字段“空白”分别拖放至列和第二个“AVG(0)”“标记”卡的标签中,然后单击“标签”,在“编辑标签”对话框中,删除空白字段。


最后,再分别打开两个“AVG(0)”“标记”卡,调整一下图形“大小”,最终得到了需要的进度拱形图的仪表盘呈现!

栗子 Tips

很多数据粉不希望使用背景图片来实现仪表盘图表,想自己尝试创建仪表盘的拱形,这个栗子就可以满足大家的需求。

只是,自己创建拱形图的步骤确实较多,如果不是必须,建议大家考虑 用条形图或环形图来呈现进度百分比,或用背景图实现仪表盘

今天的 Tableau 技巧,你 Get 到了吗?赶快试试看吧!


更多相关信息,请访问专题页: 数据可视化工具与可视化平台