教你在Tableau中绘制蝌蚪图等带有空心圆的图表(多链接)

百家 作者:数据分析 2018-07-30 08:17:45

作者:Jeffrey A. Shaffer;翻译:蒋雨畅;校对:丁楠雅;

本文约2300字,建议阅读10分钟。

本文将通过分享多种方法,包括成功的与失败的尝试,来讲解如何在Tableau中创建蝌蚪图等带有空心圆的图表。


我正在阅读Mark Edwardshttps://twitter.com/mtedw最近发表的一篇博文“蝌蚪图的诞生”http://pointsofviz.com/the-spawning-of-the-tadpole-chart/ 


Mark的帖子概述了这种图表不同风格的优缺点,但他在这篇推特https://twitter.com/EGCosh/status/997374330454593536/photo/1 上询问如何让线停在圆圈的边缘,而不是进入到圆圈的中心。我之前遇到过这种情况并且多年来尝试过各种方法,所以我会分享自己一些的尝试和简单的解决方法,用于在Tableau中使用空白圆绘制蝌蚪图等图表。

 

蝌蚪图


在我们开始之前,这里有一个Emma Coshhttps://twitter.com/EGCosh嘲笑过的蝌蚪图不是用Tableau绘制的

 


这不是一个新的图表。事实上,这个图表在Jonathan Drummeyhttps://twitter.com/jonathandrummey 为Southern Maine Health Care创建的仪表盘http://bigbookofdashboards.com 中的第八章,仪表盘大书,中有所介绍。我们在书中为这个图表的名字纠结过。最终我们认为这个图表是由我的合著者Andy Cotgreave( https://twitter.com/acotgreave )发明的棒棒糖图的变体。回顾一下,这个图和连接点图也叫哑铃图有相同的作用,但是这个是用单点绘制的。



就个人而言,我喜欢Emma为这个由一条线和一个单点组成的图形提出的名称:蝌蚪图。建立一个蝌蚪图是简单直接的:它从哑铃图开始。但是一个单点只能显示当前时段而无法显示前一个时段的信息。在Tableau中,哑铃图很容易构建。它需要两个轴,一个轴作为点,另一个轴作为线来连接点。消除一个点是很简单的:用一个简单的计算来检查时间,如果时间等于当前的时间,则让其对应的值等于你的测量值,否则使对应值等于“NULL”。你可以在此处下载Mark的工作簿(https://public.tableau.com/views/TadpoleCharts/TadpoleCharts?:embed=y&:embed_code_version=3&:loadOrderID=0&:display_count=yes&publish=yes&:showVizHome=no )并按要求进行操作。

 

关于计算的例子:

 

计算栏的名字:销售圈

公式:如果【时间】=“今年

则【销售线】  结束

 

对于超市的数据,计算可能会如下所示:


计算栏的名字:销售圈

公式:如果 时间栏“年份”,【下单日期】)=2018 则 【销售】 结束

 

但是棘手的部分是如何防止线进入到空白圆圈的里面。例如,在Mark的蝌蚪图变体中,它看起来像这样。

 


注意这些线穿过了圆圈并进入到了圆心。那么我们如何在Tableau中创建一个相似的图表,并使得空白圆圈里面保持白色(或者任何背景颜色)呢?


不好用的方法


在我介绍解决方案前,我将分享一些自己不太成功的尝试。

 

首先,创建自定义图形。通常,我建议将自定义图形保存为PNG文件。那么为什么不创建一个有白色圆心的圆圈在PNG文件里呢?这样做的问题是,当Tableau对保存为具有透明背景的PNG文件中的自定义图形上的颜色编码时,它会改变白色中心的颜色,最后会出现彩色的圆点。那么JPG文件呢?JPG的问题是无法设置透明背景,所以你最后得到的是纯色方块,而不是圆形。此外,即使可以设置透明背景,将创建的不同颜色的自定义图形与背景颜色匹配也会十分麻烦。再有就是自定义图形极低的分辨率会使你无法在PDF 或图像中以高分辨率打印或导出它们。

 

那么如何更改数据?我们可以通过计算来缩短这些线。但这并不容易,因为缩短的量需要取决于蝌蚪图的走向,所以正数和负数都有可能。此外,对线进行加减的数量取决于圆的大小和线的长短:随着圆圈变大就需要减去更多的线。因此这种方法需要大量计算,并且难以做到恰到好处。

 

Adam McCann有个有趣的想法。他建议用“I在圆圈内部加个标签并使之变白。我想到的一个类似的方法是利用字符作为标签并用白色填充圆圈。但我发现如何将标签准确的放在圆圈中心和找到正确的字体大小仍是难题。

 

那么我们看看另一种构建此图表的方式。

 

建立一个基本的蝌蚪图


创建一个基本的蝌蚪图非常简单直接。以下是Mark的工作簿中建立蝌蚪图的步骤:

 

  • 移动序列到行

  • 移动销售线到列

  • 移动销售圈到列

  • 右键点击销售圈并选择“双轴

  • 右键点击第二个y轴并选择“同步轴

  • 选择所有的标记卡,并移动类别到颜色

  • 在销售线标记卡上,从下拉目录中选择“线

  • 移动时间到路径

  • 右键点击Y轴并选择“显示标题以删除标题

  • 右键点击顶部的第二个X轴并选择“显示标题以删除标题

 

你现在应该有一个与下图类似的蝌蚪图:

 


添加白色中心到填充点。

 

我发现创建空白圆圈的最好方法就是用另一个圆圈填充白色(或其他背景颜色)的点内部。因此,我们将复制销售圈栏并将其覆盖在当前圆圈的顶部。

 

右键点击销售圈并选择“复制”,移动测量值到总和(销售圈)之上的列。这一操作会使测量值在列中替代总和(销售圈)。

 

你现在有四个测量值呈现在测量值卡片上,但我们只需要其中的两个。



  • 右键点击总和(销售线)并选择‘移除’或将此栏拖到画面左侧

  • 右键点击总和(记录数量)并选择‘移除’或将此栏拖到画面左侧


在测量值标记卡上:


  • 从标记卡的下拉目录中选择“圆圈”,

  • 移动测量名称到尺寸,

  • 选择细节图标到测量名称的左侧并改变其颜色,或用Control键同时选中类别和测量值,并将它们移动到颜色。

 

现在你的图例中应该有12种颜色。

 

双击图例中的任意颜色以打开编辑颜色菜单


将所有销售圈(副本)颜色改为白色(或背景颜色)并根据需要指定其他颜色。   

   

注意 – 你可以使用Control键多选所有这些,然后双击最后一个。这将立即改变所有颜色而不用手动改变每一个的颜色。    


在测量值卡上,拖动总和(销售圈(复印件))到列表顶部,也就是总和(销售圈)的前面。 这将颠倒圆圈的大小。或者也可双击图例中的一个尺寸图标,然后选择“反转”。


双击图例中的一个尺寸图标并使总和(销售圈(副本))的小点更大。  

 

你现在应该有一个类似的蝌蚪图表,并且没有线条穿过了圆圈。

 


这些技巧可以用于创建棒棒糖图,哑铃图,或者任何包含了点与线组合的图表。此外,你还可以反转尺寸来将白色圆圈放在外部,以在点与点之间产生间隙。

 

带有空心圆圈的哑铃图:



前一时段用空心圆而当前时段用实心圆表示的哑铃图:



用白色圆圈在点与线之间构造间隙的哑铃图:



带有空心圆圈的棒棒糖图:



带有空心圆圈的折线图:



用白色圆圈在点与线之间构造间隙的折线图:



下面是我根据Mark的原始工作簿创建的Tableau工作簿,其中包含这些不同的图表变体:


Tableau工作簿的链接: 

https://public.tableau.com/views/OpenCircleCharts/HowtoTadpole?:embed=y&:embed_code_version=3&:loadOrderID=0&:display_count=yes 


原文标题:

How to Make a Tadpole Chart and Other Charts in Tableau with Open Circles

原文链接:

https://www.dataplusscience.com/TadpoleChart.html


译者简介:蒋雨畅,香港理工大学大三在读,主修地理信息,辅修计算机科学,目前在研究学习通过数据科学等方法探索城市与人类活动的关系。希望能认识更多对数据科学感兴趣的朋友,了解更多前沿知识,开拓自己的眼界。

版权声明:本号内容部分来自互联网,转载请注明原文链接和作者,如有侵权或出处有误请和我们联系。

关联阅读

原创系列文章:

1:从0开始搭建自己的数据运营指标体系(概括篇)

2 :从0开始搭建自己的数据运营指标体系(定位篇)

3 :从0开始搭建自己的数据运营体系(业务理解篇)

4 :数据指标的构建流程与逻辑

5 :系列 :从数据指标到数据运营指标体系

6:   实战 :为自己的公号搭建一个数据运营指标体系

7:  从0开始搭建自己的数据运营指标体系(运营活动分析)

数据运营 关联文章阅读:  

运营入门,从0到1搭建数据分析知识体系    

推荐 :数据分析师与运营协作的9个好习惯

干货 :手把手教你搭建数据化用户运营体系

推荐 :最用心的运营数据指标解读

干货 : 如何构建数据运营指标体系

从零开始,构建数据化运营体系

干货 :解读产品、运营和数据三个基友关系

干货 :从0到1搭建数据运营体系

数据分析、数据产品 关联文章阅读:

干货 :数据分析团队的搭建和思考

关于用户画像那些事,看这一文章就够了

数据分析师必需具备的10种分析思维。

如何构建大数据层级体系,看这一文章就够了

干货 : 聚焦于用户行为分析的数据产品

如何构建大数据层级体系,看这一文章就够了

80%的运营注定了打杂?因为你没有搭建出一套有效的用户运营体系

从底层到应用,那些数据人的必备技能

读懂用户运营体系:用户分层和分群

做运营必须掌握的数据分析思维,你还敢说不会做数据分析

商务合作|约稿 请加qq:365242293  


更多相关知识请回复:“ 月光宝盒 ”;

数据分析(ID : ecshujufenxi )互联网科技与数据圈自己的微信,也是WeMedia自媒体联盟成员之一,WeMedia联盟覆盖5000万人群。

关注公众号:拾黑(shiheibook)了解更多

[广告]赞助链接:

四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

公众号 关注网络尖刀微信公众号
随时掌握互联网精彩
赞助链接