曲线图系列（五）彩虹色带图（下）：堆积柱状图与多边形绘制详解

🏷️ 分类：图表教程

上一篇文章《用Tableau画曲线图系列（四）彩虹色带图（上）》，我们已经把色带画出来了。这篇文章我们来画堆积柱状图的部分。说是柱状图，其实还是用多边形来画。

数据集不变，继续创建计算字段。

创建柱状图的计算字段

IF [表名称]=Ribbon.csv then 1
ELSE 4
END

case [IndexPath4Bin]
when 1 then [IndexYear]*2-1
when 2 then [IndexYear]*2
when 3 then [IndexYear]*2
when 4 then [IndexYear]*2-1
END
-1

case [IndexPath4Bin]
when 1 then [CRunS]
when 2 then [CRunS]
when 3 then [CRunS]-window_max(sum([Value]))
when 4 then [CRunS]-window_max(sum([Value]))
end

制作图形

这里一定要注意，Path4(bin)也要勾选显示缺失值。

调整颜色和透明度后，就得到完整图形了。

至于原理部分，我只简单介绍一下，确实很烧脑，我也是研究了很长时间才大致明白。

我们选中色带的一段多边形，可以从下面的示意图中看到，PathGroup将path数据桶中的102个点分成了4段，来画多边形，如下图所示：

而计算Y轴需要前一年和本年的Value和RunS值，然后再配合PathGroup计算求出Y轴的相对位置，其计算原理如下图所示：

堆积柱形图就简单了，数据桶中就4个点，用4个点画一个长方形，当然只需要本年的Value和RunS值即可。

虽然原理很复杂，但是制作起来也不是太难，主要是数据源的处理一定要做好，表计算和数据桶的操作要多注意，容易出错。

对于普通用户来说，原理部分其实并不重要，能做出来即可，需要的时候替换一下数据源就可以了。如果做不出来，大家也可以下载我制作好的Viz，继续研究。

__BLOCK_p__https://public.tableau.com/profile/jiangbin#!/vizhome/Ribboncharts/Ribbon2

🏷️ 标签：Tableau、图表教程、曲线图

📚 系列文章：Tableau曲线图系列
● Tableau曲线图系列（二）Sigmoid曲线图入门：从绘图原理到实战操作完整教程
● Tableau曲线图系列（三）分组Sigmoid曲线图：多曲线绘制与表计算进阶指南
● Tableau曲线图系列（四）彩虹色带图（上）：数据集构建到绚丽色带绘制技巧
→ Tableau曲线图系列（五）彩虹色带图（下）：堆积柱状图与多边形绘制精讲 (本文)
——————————————————————————————

📖 相关文章
● Tableau曲线图系列（四）彩虹色带图（上）：数据集构建到绚丽色带绘制技巧
● 用Tableau画曲线图系列（一）基础知识
● 用Tableau制作滚动时间轴（下）
● 用Tableau制作滚动时间轴（上）
● 用Tableau绘制南丁格尔玫瑰图（二）：扇形多边形与表计算实战
——————————————————————————————