关于拱形图的应用,之前分享了用拱形图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 到了吗?赶快试试看吧!
下一期《举个栗子》,再会~
文章部分信息来源于网络,如有侵权请告知!