【Flerlage Twins专题（13）】如何在Tableau

本文由Tableau爱好者——静子对原文进行翻译，若有问题，欢迎讨论。

效果图 Flerlage Twins Kevin Flerlage（左）和Ken Flerlage（右）

Ken Flerlage：Tableau Zen大师和大使|分析架构师，战略家和传播者|数据分析助理总监

Kevin Flerlage：Tableau Zen Master | Tableau公共大使| TUG的共同负责人| Unifund的高级分析师和Tableau开发人员

背景

约翰·弗洛（John Forlow）听说了随着COVID-19流行而需要保持社交距离的必要性，他想制作一个可视化的“社交距离平面图”来制定他们的返工的方案。他有一张公司的平面图，包括每把椅子的位置，所以他想在每把椅子周围画一个圈，以显示哪些位置离另一个位置不到6英尺（有社交感染风险）。

如何制作

下图是本示例所用的办公室平面图。

办公室平面图

获取平面图上桌子和椅子的位置信息（X坐标，Y坐标），作为绘制圆的中心点

•打开Interworks' Drawing Tool for Tableau软件

•打开你的平面图

•将光标置于每个椅子的中心，获取椅子的x坐标和y坐标。

获取椅子坐标

将所有点的数据复制到电子表格中（文末有数据下载链接）。

•点击所有椅子的中心，获取它们的坐标位置

•左下角“点数据”区域中复制所有点的数据

•将点数据粘贴到命名为Occupants的表格中，并为没把椅子创建一个顺序ID和描述性的Name。

Occupants表格示例（文末有数据下载链接）

为了将圆绘制到精确的半径，需要对数据进行致密化处理

•创建一张名为Densification的表

•该表有一个命名为Densification Point的列，其值为1至50的公差为1的等差数列。

Densification表格示例 （文末有数据下载链接）

（注意：我们将用这些点绘制一个近似的圆。数据致密化：其实就是用函数进行插值的方法，我们后面会翻译相关文章进行解释。）

数据源（文末有数据下载链接）

•添加Occupants和Densification两个表格

•执行交叉连接，用1=1联接计算来模拟。

（这将使Occupants中的每一行与Densification中的每一行匹配。事实上，实际上我们的数据被复制了50次。）

连接表格

创建参数

（1）“Distance Requirement”

（表示社交距离，在图中表现为圆的半径）

•数据类型：整数

•当前值：7

•点击确认，如下图

创建社交距离参数

（2）“Pixels Per Foot”

（表示图上的一英尺的像素数，由于作者提供的办公室平面图没有图例，且无法获知办公室桌椅的长度，因此译者直接从作者的tableau工作簿中获取了一英寸的像素值。）

•数据类型：浮点

•当前值：25.5

•点击确认，如下图

一英寸的像素值

创建字段

（1）点之间的角度间距“Angle Spacing”

360/({FIXED : MAX([Densification Point])}-1)

（2）给定点的角度“Angle”

([Densification Point]-1)*[Angle Spacing]

（3） 所有圆的半径“Radius”

[Pixels per Foot]*[Distance Requirement (Feet)]/2

注意：直径为6英尺时，半径应该为3英尺。你可能想问为什么半径不是6英尺。每一个气泡的半径为3英尺，当一个气泡接触另一个气泡时，它们（气泡的中心点）的距离恰好为6英尺。当它们相交时，中心点的间距小于6英尺。所以，3英尺的半径使我们可以更直观的看到这些交叉点。

（4）圆上点的x坐标“Circle X”

[Seat X]+([Radius]*COS(RADIANS([Angle])))

（5）圆上点的y坐标“Circle Y”

[Seat Y]+([Radius]*SIN(RADIANS([Angle])))

设置行列项

•将Circle X拖到列中

•将Circle Y拖到行中

•将它们置为连续度量

•在菜单“分析”中取消“聚合度量”

绘制圆

设置标记栏

•将标记类型改为“多边形”

•将ID拖到“详细信息”

•将Densification Point拖到“路径”，设置其为连续的度量，来定义我们连接点的顺序。

改变标记为多边形

（假如这时你的圆看起来更像椭圆，不必担心，因为比例尺有点偏差，我们马上就会修复。）

添加背景图

•在地图菜单中设定背景图。

•选择你的平面图。

•将“Circle X”用作你的X字段，将“Circle Y”用作你的Y字段。

•将“Right”设置为图像宽度，将“Top”设置为图像高度。

•在选项中，确保同时选择了“锁定高宽比”和“始终显示整个视图”。

添加背景图

去除多余的参考

•现在你可以看到每把椅子都有一个直径为7英尺的圆圈。隐藏坐标轴标题，去除参考线以后可以得到如下图的效果。

去除多余的参考

分组

•将未相交的圆变为一组，组名为“Meets”

•剩下的圆自成一组，组名为“Dose Not Meets”，分别给不同的组分配颜色，并调整颜色的透明度为50%。

分组

双轴

•按住键盘上的command（或是Ctrl）复制一个Circle Y胶囊，并选择双轴。

双轴

调整标记方式

•右键坐标轴，取消显示标题

•将其中一个图的标记方式改为路径，并调整其颜色透明度为70%左右。

•此时会出现两个图中的圆形不重合的情况，不用担心，只要将页面布局方式改为“整个视图”就可以调整过来。

调整标记方式