举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)

华夫饼图(Waffle Chart)又称为直角饼图,可以直观的呈现完成的百分比情况:共有 100 个格子,每一个格子代表1%。相比传统的饼图,华夫饼图表达的百分比更直观和准确。

通常,我们用华夫饼图来比较同类型指标的比例。例如,企业季度销售完成比例的比较、不同电影上座率的比较等等。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第1张图片
图片来自网络


那么,在 Tableau 中,如何实现这样的华夫饼图呢?我们今天就来分享方法。

本期《举个栗子》,阿达要给大家分享的 Tableau 技巧是:学做直观的华夫饼图(Waffle Chart)。


为方便学习,我们使用 Tableau 自带的超市数据,并自己准备了一个 waffle 数据源。

Tips:百分比的呈现需要做一个 10×10 的表格,所以数据源的行和列写成了 1-10,percentage 是准备和超市数据源的利润率来进行比较,这份数据源对任何华夫饼图都是通用的(懒癌患者可联系小优微信dkmxiaoyou,索取该数据源)。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第2张图片

具体步骤如下:


1、连接数据源

打开 Tableau 自带的超市数据源,然后再添加我们自己准备 waffle 数据源。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第3张图片


2、将 Columns 和 Rows 拖至维度

此时,我们发现 Columns 和 Rows 因为是数字被默认为度量。这里,我们不想对这它们进行任何聚合计算,只想把它们当成字符串,因此可以先把 Columns 和 Rows 从度量拖到维度。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第4张图片


3、创建 color 计算字段

接着,创建一个关于超市数据源利润率和 waffle 数据源 percentage 的计算字段,将其命名为 color ,以实现颜色。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第5张图片

Tips:编辑计算字段,拖动利润率时选中超市数据源,拖动 percentage 时选中 waffle 数据源。


4、创建图表

将 waffle 数据源里的 Columns 拖至列,将 Rows 拖至行,将 color 计算字段拖到颜色。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第6张图片

5、隐藏字段标签及坐标轴

接着,我们计算字段标签和横纵坐标轴的标题设置隐藏。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第7张图片
举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第8张图片

图表变成如下效果:

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第9张图片

6、创建 AVG 计算字段

在列上面的 columns 胶囊后面,双击后出现一个可编辑计算字段的胶囊。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第10张图片

在胶囊里写一个计算字段:AVG(1),用来调整表格之间的距离。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第11张图片

7、其他设置调整

接下来,我们需要做一些设置调整:

1)把 Rows 按照降序排序,将视图调整为整个视图。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第12张图片

2)选中超市数据源,然后将其利润率拖到标记里的详细信息,以便我们在图形上标注百分比。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第13张图片

3)右击视图添加注释,选择标记,进入编辑注释窗口。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第14张图片

我们可以将不希望显示的内容删掉,只保留我们要显示的利润率。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第15张图片

4)右键点击百分比标记框,进入设置注释格式窗口。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第16张图片

这里,我们对标记框做一些格式设置。

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第17张图片

如此,就完成了一个想要的华夫饼图表哦!

举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart)_第18张图片

今天的 Tableau 技巧,你 Get 到了吗?赶快打开你的 Tableau,试试看吧!




文章部分信息来源于网络,如有侵权请告知

你可能感兴趣的:(举个栗子!Tableau 技巧(88):学做直观的华夫饼图(Waffle Chart))