举个栗子！Tableau 技巧（191）：拱形图 ARC chart 呈现数据进度百分比或仪表盘

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

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

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

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

具体步骤如下：

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

示例场景：以数据源中的“销售额”为例，假设公司五年（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

➤ 创建计算字段：空白，键入函数

'空白'

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

今天的 Tableau 技巧，你 Get 到了吗？赶快试试看吧！