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

本系列导航

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

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

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

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

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

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

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

---

环状条形图，还有叫跑道图，玉块图的，英文名称是Radial Bar Chart

https://datavizcatalogue.com/methods/radial_bar_chart.html

有了前两节的基础，其实画起来也就不难了，说白了它就是没画全的圆环图

那么怎么用上一节的数据，改哪里可以让圆形有缺口？

很简单，point的值，原来是画360度就是一圈，如果你画半圆就用180度，画四分之三就是270度，就这么简单，自己动手删除多余的point吧，先来个270度的

很简单吧，但是所有的条形都一样长，怎么办？

按比例缩短或增加（一般都是按最外圈，最长环的比例缩短），因此数据源要进行改造，增加一个%size字段（用%号就是强调比例，如果超过100%就是加长线条），来控制

Tableau刷新数据以后，就得到了新的%size字段，然后还要改造sin和cos字段

就得到了想要的图

那么为什么要这样改造sin和cos？其实就是把每个坐标点之间的距离都缩短了，比如circle1是按10%缩小，实际上还是270个点，但是每个点的坐标都缩小到10%，也就是270个点之间变密了，自然线就变短了。

好了，图做完了，我们再延伸一下，大家有没有注意到，加粗的线，起始点是超过纵轴的（细的时候看不出来哦，为什么呢？自己琢磨一下）

那怎么办呢？调整起始点的位置呗

起始点的位置是谁决定的？point的值（大家可以慢慢实验）

重点是要记住sin和cos的公式【SIN([point]*PI()/180*[%size])*[R]】，这样你就可以随意控制圆环了

实际应用中，数据源肯定没有这么简单，但是只要理解了原理，实现起来就不困难了，研究过Tableau Public上大神们的作品，R和%size都是根据数据通过表计算等到的，明白以后，再拆解他们的作品就容易多了。

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