举个栗子!Tableau 技巧(169):『增强文本洞察力』之 蝴蝶图突显数据对比

published: 2022-10-20

增强文本表洞察力的技巧:之前我们分享过 在 Tableau 中增强文本表洞察力的 26 种可视化技巧 ,很多经常用文本表的用户,希望学习这些技巧的方法。今天来学习:用蝴蝶图突显文本表的数据对比。

--- 其他技巧将陆续推出,请持续关注《举个栗子!Tableau 技巧》---

在如下示例中,将条形图标记放在了利润文本值的两侧,用来呈现各子类别的利润正负情况。左侧的红色条形图表示利润为负,右侧的蓝色条形图则表示利润为正。是不是很直观?

如何将文本表和两侧条形图结合起来呢?今天的栗子一睹为快吧!

本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:『增强文本洞察力』之 蝴蝶图突显数据对比。


为方便学习,栗子使用 Tableau 自带的"示例-超市"数据源。掌握栗子方法后,数据粉可尝试使用自己的数据源。

具体步骤如下:

打开 Tableau Desktop,连接“示例-超市”数据源,新建工作表。

1、创建工作表“标题”

这一步跟『增强文本洞察力』之 插入条形图和面积图 的步骤相同,首先创建工作表,用作文本表的标题。


双击行上空白处,依次创建四个字段(如下图);将“标记”卡中的标记类型修改为:多边形。对标题的文字做一些简单的格式设置:加粗并向左对齐。

2、创建工作表“文本表”


接着,再创建一个工作表:文本表。

先创建 3 个计算字段。右键单击“数据”窗格空白处,在下拉菜单中选择:创建计算字段。

➤ 计算字段:Revenue,键入函数

SUM( [销售额] )



➤ 计算字段:Margin,键入函数

[利润]



➤ 计算字段:Margin%,键入函数

SUM( [利润] )/SUM([销售额])


然后,创建视图。将维度“子类别”拖放至行。

双击列上空白处,创建 5 个空白字段:“0”。此时,“标记”卡中会出现 5 个“总和(0)”标记,如下图。

将这 5 个“总和(0)”“标记”卡中的标记类型都修改为:甘特图。


接着,将计算字段 “Revenue”、“Margin”、“Margin%” 和 维度“客户名称”分别拖放至第 1、3、4、5 个“0”“标记”卡的标签中,再将最底部“标记”卡中的“客户名称”胶囊,设置为“计数(不同)”。


右键单击第 3 个“总和(0)”“标记”卡的标签,在弹框中将标签标记选为:全部;单击该“标记”卡中的 “Margin” 胶囊胶囊右侧小三角,在下拉菜单中选择:设置格式。

在左侧设置格式“区”卡中,将数字格式选为:自定义,将格式设置为:"$"#,##0;("$"#,##0)。

双击行上的第 2 个胶囊,将 0 改为 -0,并设置为最小值;在“最小(-0)”“标记”卡中,双击空白处添加:

if SUM([Margin])<0 then SUM([Margin]) end

然后将其改为大小,颜色改为红色,显示全部如下图。


在第 2 个“总和(0)”“标记”卡中,双击空白处添加:

if SUM([Margin]) >0 then SUM([Margin]) end

然后将其改为大小,颜色改为绿色,显示全部如下图。


单击第 2 个“总和(0)” “标记”卡的 “标签”,在弹框中设置标签格式:左对齐。


右键单击横轴,在下拉菜单中选择:编辑轴。在弹出的对话框中,将红色柱子的坐标轴设置为:-300000 和 0;绿色柱子坐标轴设置为:-600000 和自动 。


单击第 1 个“总和(0)” “标记” 卡的 “标签”,在弹框中将颜色设置为透明;再将标签标记选为:全部,对齐方式选择:居中。


单击该“标记”卡中的 “revenue” 胶囊胶囊右侧小三角,在下拉菜单中选择:设置格式,在数字格式添加前缀 $,如下图。

同样的方法,设置 “Margin%” 和 “客户名称(计数不同)”字段的数字格式。最后,进行删除多余格式线、零值线、隐藏坐标轴等优化步骤。

3、创建仪表板

新建仪表板,将刚刚创建的两个工作表拖放至仪表板视图中。隐藏标题标签,简单优化后就实现了想要的文本表呈现效果。

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


更多相关信息,请访问专题页: Bi分析系统与软件