用Tableau画环形图系列（六）画柱状环形图

本系列导航

用Tableau画环形图系列（一）画个简单的圆

用Tableau画环形图系列（二）画同心圆

用Tableau画环形图系列（三）画环状条形图

用Tableau画环形图系列（四）画圆弧图（1）

用Tableau画环形图系列（五）画圆弧图（2）

用Tableau画环形图系列（六）画柱状环形图

用Tableau画环形图系列（七）用Tableau画尖状环形图[翻译]

---

柱状环形图，英文名称为Radial or Circular Histogram，还有叫太阳图的，画出来很惊艳，特别是近日在tableau public上看到一个用自带的超市数据做的柱状环形图（点击进入），就顺便研究了一下，现在就讲一下思路。

tableau public上的作品

如果有了前面几节的基础，再理解起来就容易多了，建议先看以前的文章

按照这个作品的思路，每一个柱形代表一天，长度代表销售额的大小，如果我们画一个简单的条形图，只要横坐标放一个时间维度，纵坐标放一个销售额的度量就好了，tableau自动排好，很简单，这个时候你不用考虑0点在哪里，最高点在哪里。

但是柱状环形图就是把直线的时间轴弯折成一个圆，这时候就要考虑坐标点的位置如何转换了，我画好了一个（不区分国家），以第一个时间点为例，就需要知道这些指标，看起来是不是很复杂。

下面我们用一个更简单的例子给大家演示，我们画一个表盘。因为一个表盘只有12条线，很好理解。首先是构造数据，时间是1-12，增加一个内外环来区分，起点和最高点是通过内外环来区分的（0代表内环，1代表外环），数值随便写（但是内外环两部分数据要一样）。

然后就是复习以前知识，圆上每个点的X坐标=a + sin(2*PI / 360*角度) * r ；Y坐标=b + cos(2*PI / 360*角度) * r，画同心圆a,b=0，所以X坐标=sin(2*PI / 360*角度) * r ；Y坐标=cos(2*PI / 360*角度) * r。

那么我们先构建【R】= 0.6+IIF(ATTR([内外环])= 0, 0, SUM([数值])/WINDOW_MAX(SUM([数值])))*0.4

先来说一下0.6就是一个常量，觉得内径的大小，0.4就是外径的最大值，可以根据需要调整（大小无所谓，还是两个数的比例重要，调整的好，做出的图就比较漂亮）。IIF(ATTR([内外环])= 0, 0, SUM([数值])/WINDOW_MAX(SUM([数值])))的意思就是说，如果是内环，值是0，乘0.4，还是0，所以内环的半径永远为0.6，如果是外环，根据每个数值和总和的比例确定长短（外径），再加上内环0.6就得到了最高点的半径。

再构建弧度【angel】=2 * PI()* (INDEX()-1) * (1/WINDOW_COUNT(COUNT([数值])))

拆解一下弧度，也就是sin里面的值（2*PI *角度/ 360），2 * PI()很好理解，(INDEX()-1) * (1/WINDOW_COUNT(COUNT([数值]))) 其实就是角度/ 360，举个例子，因为我们只有12条数据，第一条数据算完就是（1-1）*（12）=0，也就是0度，就是12点的位置，（2-1）*（12）=1/12，就是1点位置，以此类推。我觉得这里是最难理解的。

再构建sin和cos就简单了

【sin】=SIN([angel])*[R]

【cos】=COS([angel])*[R]

将sin和cos拖入行列功能区，取消聚合，标记选择线，路径用【内外环】，时间拖入详细信息，同时要调整sin和cos的表计算，angel和R都要选择，特定维度的时间，因为都要根据时间来分区和寻址，计算这些值。

就得到了一个时钟图。

好了，下面我们来对比一下原作品的计算字段和我建的计算字段的区别，这样大家更容易自己对比理解。

还有一点需要提示，原作品中区分了国家，如果同一个时间点，两个国家都有数据，那么肯定会有遮挡的现象，如果通过筛选，或者突出显示，是可以单独显示出来的，这个大家可以自己去做一个数据，增加一个字段，比如叫项目，自己研究一下。

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