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

关于拱形图的应用,之前分享了用拱形图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 到了吗?赶快试试看吧!

下一期《举个栗子》,再会~

文章部分信息来源于网络,如有侵权请告知!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容