【Flerlage Twins专题（1）】Si-Eff 设计方法

本文搬运自国外Tableau大神原创文章，Tableau交流问答群为国内唯一独家授权组织，未经许可不得转载 

SampleSuperstore-SalesPerformance Flerlage Twins Kevin Flerlage（左）和Ken Flerlage（右）  

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

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

另本文由Tableau交流问答群Tableau爱好者——夏子龙对原文进行翻译，若有问题，欢迎讨论。

在这篇文章中，我们使用Tableau官方数据“示例超市–销售业绩”数据作图，我将解释我在构建这个领域时使用的简单而有效的设计方法，以及在构建业务仪表板时使用的设计方法。 我的目标是解释我是如何自上而下构建的，同时也解释了设计、分析、讲故事和灵感的各个方面。 我不打算展示每一步，而是细分每一节的关键点。 

配色方案:

单色主题(绿松石[#41b7c4])来突出显示关键数据点，其他数据点添加灰色([#e6e6e6])。 我从海滩的图片中选择了这些颜色，如下所示。  

单色主题(绿松石[#41b7c4])

VIZ表头:

VIZ表头:

自定义形状作为按钮和标题:

在顶部，按年进行过滤。 使用自定义按钮和使用仪表板操作的筛选功能。

下面是如何在PowerPoint中自己创建这些形状的详细说明：

开放PowerPoint

插入>形状>矩形(圆角)

单击它，您将看到一个黄色的圆圈；单击它并将其拖向中心，使矩形更圆。

格式形状>形状填充>白色

格式形状>形状轮廓>灰色

形状效应>预设>预设2

通过右键单击并选择“另存为图片”，将形状导出为PNG图像。 然后，您只需将其添加到Tableau的形状存储库中即可。  

为了在Tableau中创建年份过滤器，我首先将‘YOYE(Order Date)’字段放置在列中，并将Avg(0)添加到行中(我只是在内联中输入了该计算--我没有为它创建特定的计算)。 我将标记类型更改为“形状”，并选择了自定义形状(请注意，您可能需要重新加载形状才能显示出来)。 然后，我将“年份(订购日期)”拖到文本卡上，将年份作为标签显示在每个形状上。 我还展示了连接形状的零线。 最后，我使用了Filter仪表板操作来过滤所有工作表上的数据。 

我使用了同样的技术来创建图表标题的其余部分，但显然没有使用任何仪表板操作。 

按区域分列的销售情况:

接下来，我决定按地区显示每月的销售趋势。 随着时间的推移，我选择了使用区域图并标注最小值和最大值。 

首先，我使用前面提到的软灰色创建了区域图。 为了显示最小值和最大值，我创建了两个计算：

Min

IF SUM([Sales]) = WINDOW_MIN(SUM([Sales])) THEN SUM([Sales])

ELSE NULL END

Max

IF SUM([Sales]) = WINDOW_MAX(SUM([Sales])) THEN SUM([Sales])

ELSE NULL END

然后我创建了一个双轴，第一个轴上有Sales，另一个轴上有度量值(Min和Max作为度量值)。 我把第二轴改为圆圈。 我把度量名称放在颜色上，然后将最大值的颜色改为蓝色，最小的颜色改为深灰色。

创建双轴

销售额地图:

按州图计算的销售额也是使用双轴图创建的。 我首先创建了一个简单的按状态填充的映射，并使用了一个顺序的调色板。由于颜色有时很难理解，所以我决定在双轴上显示一个圆圈，尺寸也代表销售额。 

从这里开始，我决定添加额外的上下文，通过工具提示显示每个州前5大城市的销售额。 在另一张表格中，我使用Rank函数创建了一个条形图，并按州过滤了前五大城市。

然后，我将该表添加到工具提示中。

结果如下所示。

按类别分列的销售:

接下来，我按类别查看销售情况，并选择使用一个简单的条形图。  我想显示销售总额和总销售额的百分比。 为此，我需要另一个双轴图。 您可以使用两个条形图来完成这个任务，但是我选择使用条形图和甘特图。 我创建了表计算总数的百分之一，并将其作为标签放在甘特图上。 然后，我将销售额的总和放在条形图上，并将文本对齐。 

按类别分列的销售趋势:

接下来，我按类别显示了销售趋势。 我按类别逐月创建了一个条形图。 然后，我使用相同的min和max计算字段(与上面的面积图一起使用)来显示每月最小和最大的销售值。 同样，类似于上面的区域图，我使用度量值和度量值来对这些值进行着色。

分类别销售:

为了在一段时间内按子类别可视化销售，我选择了创建一个带有顺序调色板的热图。我利用了圆圈，但是正方形也可以使用。 边缘直方图(一个简单的条形图)显示按子类别分列的总销售额。  我只是使用一个水平容器，以定位的床单并排，并确保对齐。

按分段销售:

虽然它可能不是必要的，但我决定在创建按段销售图时，为这种可视化添加一些变化。 我决定用四舍五入带有双轴圆的条形图。 我用销售额和总销售额的百分比给圆圈贴上标签。 

顶级制造商的销售:

对于制造商的销售，我选择用条形图显示前十名。 在这种情况下，我使用了一个双轴图，在SUM(0)处有一个条形和一个甘特标记，作为轴尺。 当然，我们可以简单地设置一个轴尺，但是这种技术提供了一些变化。我还创建了一个工具提示，显示顶级产品，类似于上面地图中使用的产品。 

明细表:

正如我们所知道的，一些用户也想要数字，所以我决定在一个可折叠的容器(在2019.2版中引入的)中提供这些信息，而不是创建一个单独的仪表板。的更多信息如何使用可折叠容器和数十个用例，请参阅FlerlageTwins.com上的可折叠容器案例. T他第一节详细介绍了如何使用它们(其中一些我将在下面介绍)，我建议您在继续之前快速阅读。 

首先，我在容器顶部漂浮了一个容器。 然后单击向下箭头并选择添加“显示/隐藏”按钮。

当我这么做的时候，一个X按钮出现了。 我点击了按钮上的向下箭头，弹出了下面的菜单。 在这里，我将按钮更改为我在PowerPoint中创建的按钮。

现在容器已经设置好了，我创建了另一个表并构建了一个简单的表。 我在这里不详细，但我使背景透明和白色的文本。 

现在回到仪表板上，我把那张桌子贴在我的容器里。 我可以将容器的背景设置为任何颜色，但为了设计起见，我将背景颜色设置为黑色(通过选择容器并进入布局选项卡)，并将不透明度降低到70%。 这样做时，背景图表会稍微显示出来，而不会分散对表视图的注意力。结果如下： 

仪表板动作:

我不仅希望这个概念能够吸引人，而且我也希望它是有用的和互动的。 为此，我实现了许多仪表板操作，以便在整个测试过程中过滤和突出显示。 这使得用户可以向下钻取，并通过仪表板中的任何图表进行过滤。

动态数字格式(K，M，B)：

知道我会允许这么多仪表板过滤器，我认为重要的是要使销售格式化动态，以便数字的格式很容易理解没有m。看看用户钻了多远。 我选择使用从“迦勒书”(由萨拉·哈姆登和福阿德)，至实现此动态数字格式设置。 根据游戏中的过滤器，数字可以显示没有显示单位，单位：千，百万，等等。

动态数字格式

结果:

其结果，在我看来，是一个美丽的，具有良好的分析能力和探索能力。 完整的viz如下所示，您可以通过单击图像进入实际的viz。

最终效果

以下为国外Tableau大神Kevin Flerlage和Ken Flerlage的原创链接：

https://www.flerlagetwins.com/2020/04/si-eff-simple-effective-design-approach.html

Flerlage Twins专题系列其他译文见如下链接：

https://www.jianshu.com/nb/42559990