本文搬运自国外Tableau大神原创文章Toan Hoang:知名Tableau大神,数据可视化自由职业者和Tableau Magic的创始人,萨尔萨舞教练,钢琴演奏者,技术爱好者和程序员。
PS我决定从大佬第一篇文章开始搬起,不管你们喜不喜欢,反正我是豁出去了~
在大佬的业余时间,他试着去开发了一些web应用,这是他个人学习的一部分,同时也是保持与时俱进的重要尝试。拥有一个强大功能的应用程序是非常棒的,但是,大佬认为他的应用程序真正的卖点在一套漂亮的仪表板,通过它你能实时监控你的业务进展。因此,大佬用强大的谷歌搜索引擎寻觅了大量的仪表板设计,其中有一个总能抓住读者的眼球,那就是圆角进度条。
于是,就推出了这篇Tableau的圆角进度条教程~
最终效果
image.png数据
我们的数据来源是英国广播公司,也就是众所周知的 BBC:http://www.bbc.co.uk/news/election/2017/results
我已经准备好了对应的文本文件,你可以轻松下载:HERE
一旦你将数据导入Tableau,你应该看到如下效果:
image.png
计算字段
创建数据桶如下:
- 右键Path字段
- 点击创建,数据桶
- 在编辑数据桶窗口中,设置数据桶大小为1
- 点击确定
image.png
以下这段是关于数据桶的描述
Path(数据桶)将允许我们使用表计算去创建1-100之间的额外数据点,如果你不能得到一个光滑的形状,我的意思是你可以看到一个单独的圆,请适当减少数据桶的大小,比如将值改为0.5或者更小,直到你得到你想要的效果。
小贴士:我们正在使用数据桶使数据密集化,并提供更多的点,你需要确保一件事,那就是检查是否显示缺失的值
现在,我们要创建如下计算字段:
Index
该字段用于使数据密集化,同时调整重叠圆角条的大小
INDEX()*WINDOW_MAX(MAX([Value]))/100
好了,全部字段写完,我们不需要其他字段去创建可视化~
工作表
让我们开始创建工作表吧~
-
拖动Index字段到列
-
拖动Party字段到行
-
拖动Party和Category到颜色标记卡上
- 确保Party字段在最上面
- 你可以手动选择多个字段拖动~
-
拖动Path(数据桶)到详细信息标记卡上
- 确保Path(数据桶)设置了显示缺失的值
-
右键Index字段,选择计算依据为Path(数据桶)
-
选择标记类型为圆
-
右键Category,选择排序
- 设置排序依据为手动
- 设置Value在Background的上方
image.png
现在,我们应该得到如下效果:
image.png
稍微调调格式吧~
- 调整进度条大小,直到你满意为止~
- 隐藏Index的轴标题
我希望你能喜欢这个非常非常非常快速且简单美观的进度条!
image.png
结束
今天换一句吧,我希望Tableau能成为我的画笔,让我画出更多彩的可视化世界~
PS:Tableau小白搬运,欢迎关注,一起学习,一起交流~
网友评论