【TableauViz-搬运】在Tableau中制作箭头径向条形
本文搬运自国外tableau大神原创文章Toan Hoang:知名Tableau大神,数据可视化自由职业者和Tableau Magic的创始人,萨尔萨舞教练,钢琴演奏者,技术爱好者和程序员。
清明假期前的搬运,大神发布的第三篇文章,让你的条形图变化起来~
在2016年9月,大佬写了一篇关于Tableau 环形图的教程,里面讲述了如何一步一步地创建一个环形图。令他特别惊喜的是,这篇教程在他的Tableau 博客中访问量第一,同时在他的所有博客中阅读量第三。然后他说他有个萨尔萨舞的博客,有成千上万的读者balabala(此处省略装13文字)。在他最近的网页设计搜集中,他发现了一个类似他在Tableau中制作过的环形图的图表——箭头径向条形图。
适用场景:径向条形图的使用场景与条形图类似,用来对比不同维度之间数量的差异,当然,此图适合装13使用~
好了,闲话少叙,打开你的Tableau吧~
最终效果
![](https://img.haomeiwen.com/i12524828/9a23dcc3fb2787be.png)
数据
我们即将使用一个非常简单的数据集,下载链接已为你准备好: HERE
计算字段
我们将创建一个Path(数据桶)对象:
- 右键Path字段
- 点击创建数据桶
- 在编辑数据桶窗口中设置数据桶大小为1
创建数据桶
这个数据桶将允许我们使用表计算去创建1-271之间的额外数据点
小贴士:我们使用数据桶来使数据密集化,来让我们有更多的数据点。请确保检查已勾选显示丢失的值选项
我们将创建如下计算字段:
Index:用来显示单个数据点
(INDEX()-1) * 2
WC_PI:用来表示PI的值
WINDOW_MAX(MAX(PI()))
WC_Start:用来表示每条线
WINDOW_MAX(MAX([Start]))
WC_Percentage:用来表示每个条形跟最大值之间的百分比
WINDOW_MAX(MAX([Percentage]))
X:绘制X轴点
IF [Index] < 270 THEN
SIN([Index] * [WC_Percentage] * [WC_PI]/180) * [WC_Start]
ELSEIF [Index] > 270 THEN
SIN((540 - [Index]) * [WC_Percentage] * [WC_PI] / 180) * ([WC_Start] + 1)
ELSE
SIN(([Index] * [WC_Percentage] + 3) * [WC_PI]/180) * ([WC_Start] + 0.5)
END
Y:绘制Y轴点,类似X,只需把SIN换成COS即可
IF [Index] < 270 THEN
COS([Index] * [WC_Percentage] * [WC_PI]/180) * [WC_Start]
ELSEIF [Index] > 270 THEN
COS((540 - [Index]) * [WC_Percentage] * [WC_PI] / 180) * ([WC_Start] + 1)
ELSE
COS(([Index] * [WC_Percentage] + 3) * [WC_PI]/180) * ([WC_Start] + 0.5)
END
Y2:创建一个小圆圈用来放置标签
[WC_Start] + 0.5
以上就是全部的计算字段了,下面我们来创建工作表吧~
工作表
拖动计算字段到工作表中:
- 拖动Path(数据桶)到详细信息标记卡上
- 拖动X到列上
- 右键X字段,选择计算依据为Path(数据桶)
- 拖动Y到行上
- 右键Y字段,选择计算依据为Path(数据桶)
- 修改标记类型为多边形
- 拖动Index到路径上
- 右键Index,选择计算依据为Path(数据桶)
- 拖动Name字段到颜色标记卡上
你应该看到如下效果~
![](https://img.haomeiwen.com/i12524828/437540acd4efb0d5.png)
现在,让我们做一些润色:
- 拖动Y2到行
- 右键Index,选择计算依据为表(横穿)
- 右键Y2并选择双轴
- 右键Y2所在的轴,并选择同步轴
- 不要因为所有东西消失了而恐慌- -
- 现在移动Name到Y2的颜色标记卡上
- 修改Y2标记卡上的标记类型为圆
你应该看到如下效果:
标签小圆点,看见没?
最后,我们做一些有个性的调整:
-
移除所有边界线和零值线
-
在Y2的文本标记卡上添加MAX(Value)
-
设置文本的对齐方式为左上对齐
-
-
配色你可以调成你喜欢的~
今天是黑粉系,嘿嘿
最后
条形图的变种有很多,相信你如果深入使用Tableau的话,可以做出更多符合你需求同时又能装13的条形图,加油~
PS:Tableau小白搬运,欢迎关注,一起学习,一起交流。欢迎关注Tableau交流问答群~
![](https://img.haomeiwen.com/i12524828/24f607614f7d1187.png)