用Tableau画环形图系列(三)画环状条形图

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

用Tableau画环形图系列(三)画环状条形图_第1张图片

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

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

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

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

用Tableau画环形图系列(三)画环状条形图_第2张图片

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

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

用Tableau画环形图系列(三)画环状条形图_第3张图片

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

就得到了想要的图

用Tableau画环形图系列(三)画环状条形图_第4张图片

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

用Tableau画环形图系列(三)画环状条形图_第5张图片

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

用Tableau画环形图系列(三)画环状条形图_第6张图片

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

起始点的位置是谁决定的?point的值(大家可以慢慢实验)

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

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

作者:扫地sir

链接:https://www.jianshu.com/p/4a04a36080ee

來源:

著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

你可能感兴趣的:(用Tableau画环形图系列(三)画环状条形图)