举个栗子!Tableau 技巧(267):制作更醒目的环形图

不论呈现数据占比还是业务进度,环形图都是很好的选择。我们曾经分享过不少环形图的栗子,例如:如何制作空心饼图(环形图)、用条形图或环形图来呈现进度百分比、学做指针环形图等等。
应数据粉们的要求,今天我们再分享一种更醒目的环形图(如下图)的实现方法,大家按需选用吧~

本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:制作更醒目的环形图。
为方便学习,栗子使用在 Tableau 自带的“示例-超市”数据,掌握栗子方法后,数据粉可尝试使用其他数据源实现。懒癌患者可通过以下链接获取栗子数据源:
https://www.dkmeco.com/community/example/detail-789
具体步骤如下:
1
连接数据
示例使用环形图来查看超市各类别订单的占比。首先,需要创建一个辅助数据:环形圈颜色,结构如下:

接着,连接“示例-超市”数据源和辅助数据“环形圈颜色”。创建“连接计算”:1=1,将两张表用“内连接”关联起来。

2
创建计算字段
然后,新建工作表,依次创建五个计算字段:
➤ 创建计算字段:X轴,键入函数[分组]/1000000000

➤ 创建计算字段:颜色组,键入函数
[编号]+[颜色]

➤ 创建计算字段:订单总数量,键入函数
{sum([数量])/countd([编号])}

➤ 创建计算字段:各类别占比,键入函数
{fixed [类别],[编号]:sum([数量])}/[订单总数量]

➤ 创建计算字段:环形-类别占比,键入函数
if [颜色]="蓝" then [各类别数量占比] else 1-[各类别数量占比] end

3
创建视图
将字段“类别”拖放至“筛选器”卡,弹窗中勾选:办公用品。再右键单击该胶囊,下拉菜单选择:显示筛选器。
然后,单击视图右侧筛选器的 ▼ 符号,下拉菜单选择:单值(下拉列表)和 自定义-去掉勾选“显示‘所有’值”。

将“标记”卡的标记类型选为:饼图。然后,将计算字段“X轴”拖放至列,将“颜色组”拖放至标记卡的颜色中,将“分组”拖放至“标记”卡的大小中。
再将计算字段“环形-类别占比”拖放至“标记”卡的角度中,并分别右键单击“标记”卡上的两个度量胶囊,下拉菜单均选择:度量(总和)-平均值。将视图设置为:整个视图。

调整饼图大小,并依次将饼图中各扇形的颜色,改为图例颜色名称对应的颜色。

右键单击横轴,下拉菜单选择:编辑轴,弹窗中如下图设置:

在列上复制一个“X轴”胶囊,并拖走“X轴2”“标记”卡中的所有胶囊。
重复前面的步骤,同样编辑横轴,再右键单击列上的“X轴”胶囊,下拉菜单选择:双轴,右键单击横轴,下拉菜单选择:同步轴。

在“X轴2”“标记”卡中,调整图形大小,并将颜色设置为:白色。
将“各类别数量占比”拖放至其标签卡中,右键单击其度量胶囊,下拉菜单选择:度量(总和)-平均值。

将字段“各类别数量占比”的格式设置为:百分数。然后,单击视图右侧的“平均值(分组)”图例右上方的 ▼ 符号,下拉菜单选择:编辑大小,如图设置大小。

按需调整“X轴2”的图形大小,并设置标签格式。

最后,通过设置格式去掉视图中的框线及标题,并隐藏颜色组和分组功能卡,一个醒目的环形图就完成了!

本期的 Tableau 技巧,你 Get 到了吗?
下一期,再见~

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