用Tableau画延展条形图（Extended Bar Chart）

Extended Bar Chart来自Rajeev Pandey大神，他在前人的基础上进行了一些创造性的改进，把延展条形图带到了Tableau中。大家可以参考下面原文的介绍，学习基本的制图思路。

https://vizartpandey.com/extended-bar-chart-in-tableau/?amp=

由于原文中数据处理的部分是在Excel中完成的，显得不够灵活，同时又对条形图的长度进行了归一化的处理，我个人认为这样处理过后，条形图的比例就有些失真，所以我在Pandey方法的基础上进行了一些改进，这个当然也获得了Pandey本人的认可。

下面就介绍一下我自己的改进方法。

创建数据集

基础数据

Shape ID,Sub-Category,Values,n,Max_Values
1,Phones,105341,-6,105341
2,Chairs,95554,-5,105341
3,Binders,72788,-4,105341
4,Storage,69678,-3,105341
5,Copiers,62899,-2,105341
6,Tables,60894,-1,105341
7,Accessories,59946,0,105341
8,Machines,43545,1,105341
9,Appliances,42927,2,105341
10,Bookcases,30024,3,105341
11,Furnishings,28915,4,105341
12,Paper,27695,5,105341
13,Supplies,16049,6,105341

数据很简单，但是要特别说一下，[Max_Values]就是[Values]的最大值，决定了条形图的最大高度，而[n]列决定了以哪个条形为中心，向两边扩散，这里是奇数行，第7行为0（中心位置），其他行相应±1。
那么如果数据集是偶数行，要怎么处理[n]值呢？如果不以7为中心，[n]值直接用1-13，会出现什么样的效果呢，这个大家可以自行试验一下。

辅助数据

Path Id
1
2
3
4
5
6
7
8
9

将两个数据进行并集连接

image.png

这样每一行数据就扩展成了9行，和普通的条形图不同，实质上这里的每个条形图都是由9个点构成的多边形。下图就是Pandey画的的原理图，我后面还会讲的更细致一点。

创建计算字段

创建参数X0，浮点值，默认值0

创建参数X1，浮点值，默认值-0.2
创建参数X2，浮点值，默认值-0.4
创建参数height，浮点值，默认值3.5
创建参数indentation，浮点值，默认值2
创建参数indentation1，浮点值，默认值4
X=

CASE [Path Id]
WHEN 1 THEN [X1]*[Max_Values]
WHEN 2 THEN [X2]*[Max_Values]
WHEN 3 THEN [X2]*[Max_Values]
WHEN 4 THEN [X1]*[Max_Values]
WHEN 5 THEN [X0]*[Max_Values]
WHEN 6 THEN [X0]+[Values]
WHEN 7 THEN [X0]+[Values]
WHEN 8 THEN [X0]*[Max_Values]
WHEN 9 THEN [X1]*[Max_Values]
END

CASE [Path Id]
WHEN 1 THEN [n]*[indentation1]+[height]/[indentation]
WHEN 2 THEN [n]*[indentation1]+[height]/[indentation]
WHEN 3 THEN [n]*[indentation1]-[height]/[indentation]
WHEN 4 THEN [n]*[indentation1]-[height]/[indentation]
WHEN 5 THEN [n]*[indentation]-[height]/[indentation1]
WHEN 6 THEN [n]*[indentation]-[height]/[indentation1]
WHEN 7 THEN [n]*[indentation]+[height]/[indentation1]
WHEN 8 THEN [n]*[indentation]+[height]/[indentation1]
WHEN 9 THEN [n]*[indentation1]+[height]/[indentation]
END

创建图形

将[X]拖到行功能区，[Y]拖到列功能区。
标记类型选择“多边形”，将[Sub-Category]拖到“详细信息”，[Path Id]拖到“路径”，[Values]拖到颜色。

基本图形就出来了。

添加标签

label1=IF [Path Id]=3 THEN [Sub-Category] END
label2=IF [Path Id]=6 THEN [Values] END
将[Y]再拖动到列功能区，双轴并同步轴。
标记类型选择“线”，调整颜色透明度为0%。
拖动[label1]和[label2]到标签，适当调整位置

最后效果如下：

原理解析

从图中我们可以看到[X0]就是零轴，[X1]的高度默认值是[Max_Values]的20%，[X2]的高度默认值是40%，这个可以根据需要自行调整。

[indentation]和[indentation1]的比例决定了缩进的效果，如果[indentation]<[indentation1]就是下宽上窄，默认2和4，就是上缩进是下缩进的50%，如果是[indentation]>[indentation1]就是上宽下窄。当然也需要配合[height]宽度值来达到理想的效果。

有兴趣研究的同学，可以下载我制作好的Viz。

https://public.tableau.com/profile/jiangbin#!/vizhome/ExtendedBarChart/1

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

最后编辑于：2020.06.02 17:09:49