举个栗子！Tableau 技巧（88）：学做直观的华夫饼图（Waffle Chart）

通常，我们用华夫饼图来比较同类型指标的比例。例如，企业季度销售完成比例的比较、不同电影上座率的比较等等。

那么，在 Tableau 中，如何实现这样的华夫饼图呢？我们今天就来分享方法。

为方便学习，我们使用 Tableau 自带的“示例-超市”数据，并自己准备了一个 waffle 数据源。数据粉掌握栗子方法后，可尝试使用自己的数据源。

Tips：百分比的呈现需要做一个 10×10 的表格，所以数据源的行和列写成了 1-10，percentage 是准备和超市数据源的利润率来进行比较，这份数据源对任何华夫饼图都是通用的（懒癌患者可联系小优微信dkmxiaoyou，索取该数据源）。

具体步骤如下：

Step 1：连接数据源

打开 Tableau Desktop，先连接“示例-超市”数据源，然后新建工作表，再添加 “waffle” 数据源。

Step 2：将 Columns 和 Rows 拖至维度

此时，我们发现 Columns 和 Rows 因为是数字被默认为度量。这里，我们不想对这它们进行任何聚合计算，只想把它们当成字符串，因此可以先把 Columns 和 Rows 从度量拖到维度。

Step 3：创建计算字段

创建一个关于超市数据源利润率和 waffle 数据源 percentage 的计算字段：color ，以实现颜色。右键单击“数据”窗格空白处，在下拉菜单中选择：创建计算字段。键入函数：

[示例 - 超市].[利润率]>=SUM([Percentage])

注意：编辑计算字段时，拖动利润率时选中超市数据源，拖动 percentage 时选中 waffle 数据源。

另外，还需要在两个数据源中，分别创建相同的计算字段：关联，并且分别拖放至各自的维度中，如下图。

Step 4：创建视图

选择 waffle 数据源，将维度 “Columns” 拖放至列，将维度 “Rows” 拖放至行，将计算字段“color” 拖放至“标记”卡的颜色中。

将计算字段标签和横、纵坐标轴的标题设置隐藏。

此时，图表呈现如下效果：

Step 5：再创建计算字段

在列上“columns” 胶囊的右侧，双击会出现一个可编辑计算字段的胶囊。

在胶囊中键入计算字段：AVG（1），用来调整表格之间的距离。

Step 6：其它设置调整

接下来，我们需要做一些设置调整：

➤ 右键单击行上的“Rows”胶囊，在下拉菜单中选择：排序。在弹出的对话框中，选择：降序。将视图设置为：整个视图。

我们可以将不希望显示的内容删掉，只保留我们要显示的利润率。

➤ 右键单击百分比标记框，进入设置“注释格式”窗格。

在这里，对标记框做一些格式设置。

如此，我们就完成了一个想要的华夫饼图表啦！

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