环状条形图,还有叫跑道图,玉块图的,英文名称是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都是根据数据通过表计算等到的,明白以后,再拆解他们的作品就容易多了。
作者:扫地sir
链接:https://www.jianshu.com/p/4a04a36080ee
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。