用Tableau制作百分比条形图（三种方法）

新书大致已经完成了五分之四，今天继续发一篇书中的内容。

前面的章节已经讲解了Tableau中最基本的绘图逻辑，下面我们结合上述内容，通过三种方法绘制“百分比条形图”（图 8‑16），从而使大家能更加深入地理解这些知识，感受在Tableau中绘制图表的灵活性。

图 8‑16

虽然这个图形比较简单，但我们还是需要先分析一下整个图表的结构和所需要的视图数据。如图 8‑17所示，要制作这个百分比条形图，视图数据分别需要“类别”、 “利润率”和“目标”三组数据，其中，“类别”是维度字段同时作为标题（表头）使用，“利润率”和“目标”是度量字段，作为坐标轴使用，标记类型都是条形图。

图 8‑17

基于这样的分析后，我们就会很自然的想到使用双轴绘制2个度量值的图表。“类别”和“利润率”是数据集中自带的字段，而目标字段中的100%这个值数据集中并没有出现，这种情况下通常可以双击列功能区，手动添加一个即席计算字段“AVG(1)”，这样就会在视图数据中增加目标值100%，同时形成一个长度为1（100%）的条形图。

图 8‑18

对于两个度量值的图表来说，除了使用双轴的方案以外，还可以考虑使用度量值和度量名称的方式实现。此时可以在图 8‑18的基础上，直接拖动任意一个度量值到另一个度量值形成的坐标轴上，就可以自动形成度量值和度量名称（图 8‑19）。

图 8‑19

这里，我们需要在菜单栏的“堆叠标记”中选择关闭，以免条形图沿着坐标轴的方向叠加到一起。最后，使用度量名称标记颜色，利润率显示标签，就可以完成图形的制作。

图 8‑20

在制作的过程中我们就会发现，此种方案标签只能选择左对齐，使用其他方式会显示多个标签值。如果希望标签值与图 8‑18保持一致的话，仍然可以考虑双轴的方案。在列功能区增加一个“利润率”字段，与“度量值”字段形成双轴。“利润率”的标记类型选择“甘特条形图”，颜色调整为透明，标签对齐方式选择“中部右侧”，这样就达到了与图 8‑18一样的效果。

图 8‑21

以上两种方案，虽然实现方式不同但底层逻辑一致，都是“AVG(1)”形成的条形图在下，“利润率”形成的条形图在上，这样的方式更易于被普通学习者理解。

其实我们还可以换一种思路来认识这个图表，一个完整的百分比条形图也可以由“利润率”和“100%-利润率”两个条形图堆叠在一起形成，这里就不是图层排序的概念，而是转为了图形堆叠。如图 8‑22所示，当在菜单栏的“堆叠标记”中选择开启后，两个条形图就堆积在一起，形成了完整的百分比条形图。此时，我们再结合制作图 8‑20的过程中的关闭堆叠效果，就会发现开启堆叠效果，条形图会沿轴方向依次排列；关闭堆叠效果，条形图都会从0轴开始，这就是导致需要使用不同的计算字段的原因。

图 8‑22

最后在添加“利润率”标签时，我们还可以使用参考线替换上面提到的双轴方式。如图 8‑23所示，在度量值形成的坐标轴上添加参考线，线选择无表示不显示线，参考线标签显示每个单元格的利润率值，编辑参考线颜色、对齐方式、阴影后，依然完成了同样的百分比条形图制作。

图 8‑23

这一节中，我们使用了三种方式完成了百分比条形图的制作。此案例简单而不平凡，寥寥几个步骤包含了Tableau中绝大部分绘图逻辑和绘图元素：图形结构、双轴、度量值和度量名称、参考线、堆叠、格式设置等等。同样的图形，不同的制作方式，彰显了Tableau在图表绘制上的灵活性。不过，也正是由于这种灵活性，导致初学者在面对庞杂的Tableau体系，繁复的设置，细琐的调整时经常手足无措，这就需要我们沉心静气，不是去死记硬背各种图表制作步骤，而是要脚踏实地的钻研Tableau的底层逻辑，最后才能达到从心所欲的境界。