美文网首页可视化Tableau 从入门到坟头蹦迪
【TableauViz-搬运】在Tableau中制作圆角进度条

【TableauViz-搬运】在Tableau中制作圆角进度条

作者: Charles_DT | 来源:发表于2020-04-01 17:59 被阅读0次

    本文搬运自国外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字段到

    • 拖动PartyCategory颜色标记卡

      • 确保Party字段在最上面
      • 你可以手动选择多个字段拖动~
    • 拖动Path(数据桶)到详细信息标记卡上

      • 确保Path(数据桶)设置了显示缺失的值
    • 右键Index字段,选择计算依据为Path(数据桶)

    • 选择标记类型

    • 右键Category,选择排序

      • 设置排序依据手动
      • 设置ValueBackground的上方
        image.png

    现在,我们应该得到如下效果:


    image.png

    稍微调调格式吧~

    • 调整进度条大小,直到你满意为止~
    • 隐藏Index的轴标题

    我希望你能喜欢这个非常非常非常快速且简单美观的进度条!


    image.png

    结束

    今天换一句吧,我希望Tableau能成为我的画笔,让我画出更多彩的可视化世界~
    PS:Tableau小白搬运,欢迎关注,一起学习,一起交流~

    相关文章

      网友评论

        本文标题:【TableauViz-搬运】在Tableau中制作圆角进度条

        本文链接:https://www.haomeiwen.com/subject/apnguhtx.html