用Tableau画曲线图系列（四）彩虹色带图（上）

这次我们提高难度，制作一个色带图。基础知识前面已经讲了，这里就不再累述了。色带图的制作方法来自Martynas，我在他的方法基础上进行了一些修改，以保证本系列教程的一致性。

先来看看色带图的最终效果，非常炫酷。

制作数据集

Agent   Year    RunS    Value
B   1   1   1
A   1   3   2
C   1   10  7
A   2   2   2
B   2   5   3
C   2   11  6
A   3   3   3
C   3   8   5
B   3   14  6
A   4   3   3
C   4   6   3
B   4   11  5
C   5   3   3
B   5   9   6
A   5   16  7

数据大家一看就明白了，按照[Year]三行为一组，并按照[Value]升序。[RunS]要重点说一下，[RunS]是[Value]的排序的基础上再累计求和，这需要自己提前在Excel里直接做好。如果[RunS]错了，色带就会错位了。​

创建色带的计算字段

首先Tableau引入数据，并制作并集，用来制作下面数据桶的计算字段。

• Path102=

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

• 创建数据桶Path102 (bin)

数据桶制作好以后，我们开始做跟X轴相关的计算字段。

• IndexPath102Bin=INDEX()

• IndexYear=INDEX()

• PathGroup=

if [IndexPath102Bin]<50
then 1
ELSEif [IndexPath102Bin]>53
then 4
elseif [IndexPath102Bin]<52
then 2
else 3
END

• T=

case [PathGroup]
when 1 then ([IndexPath102Bin]-25)/4
when 2 then 1
when 3 then 1
when 4 then -([IndexPath102Bin]-53-25)/4
end

• X-curved=

case [PathGroup]
when 1 then [IndexYear]*2-1+([IndexPath102Bin]-1)/49
when 2 then [IndexYear]*2+([IndexPath102Bin]-50)
when 3 then [IndexYear]*2+(53-[IndexPath102Bin])
when 4 then [IndexYear]*2-([IndexPath102Bin]-53)/49
END
-2

然后再制作与Y轴相关的计算字段。

• CValue=WINDOW_MAX(SUM([Value]))

• PValue=lookup([CValue],-102)

• CRunS=WINDOW_MAX(SUM([Run S]))

• PRunS=lookup([CRunS],-102)

• Y-curved=

case [PathGroup]
when 1 then [PRunS]+1/(1+EXP(1)^-[T])*([CRunS]-[PRunS])
when 2 then [CRunS]
when 3 then [CRunS]-[CValue]
when 4 then [PRunS]+1/(1+EXP(1)^-[T])*(([CRunS]-[CValue])-([PRunS]-[PValue]))-[PValue]
end

这样制作色带的计算字段就做完了。

开始画色带

• 标记选择“多边形”

• 把[path(bin)]拖到行或者列功能区，右键看一下是否勾选了“显示缺失值”。勾选后，把这个[path(bin)]拖回到标记里的“路径”上。

path(bin)必需勾选“显示缺失值”，如果没有勾选，path(bin)只有开始和结束两个点，这是很多表计算没有结果的关键因素。

• 将[Agent]拖到颜色，[Year]拖到详细信息。

• 将[X-curved]拖到列功能区，调整表计算

• 将[Y-curved]拖到行功能区

[IndexPath102Bin]、[CValue]、[CRunS]的表计算如下：

PValue、PRunS的表计算如下：

如果都操作正确，应该可以得到下图：

好了，今天先讲到这里吧，内容已经够多了，剩下的内容和原理解析，我们放到下一篇文章里。

此篇文章已发布到我的公众号： saodisir，有兴趣也可关注一下