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
- Y=
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，有兴趣也可关注一下
网友评论