最近我在学习Tableau的进阶,看到这篇文章Tableau条形图之美 - 简书 (jianshu.com)里推荐的条形图,我工作中用到条形图的机会很多,但是我大部分都是用最基础的,不是很美观,所以我准备尝试实现一下每个图,以此记录。
public 链接: Bar Chart Menu | Tableau Public
1. 原始bar chart
2. 末端标签
显示数值,同时去掉网格线,呈现一个干净清爽的外观。
这个比较简单,去掉图片里的一些辅助线,改变barchart的颜色,显示标签就可以完成。
3. 标签在左
让数字整齐排列,并和类别标签对齐,适用于有多个数字标签的场景。
这种显示方式比较紧凑,便于迅速了解每个条形图的数据。
我摸索了一下实现方式,尝试用对齐的方式失败,后来看到例子里的实现,觉得真是巧妙。
此时不显示Mark Labels,而是在行上添加一个胶囊 SUM(Sales),并把它的值从连续变为离散,再去掉多余的辅助线即可。
4. 浅色背景
在不影响主体的情况下增加一点色彩。
这个实现比较简单,在format-shading中选择一个浅色即可,但是这个要考验一个人对色彩的应用。
5. 深色背景
在深色或黑色的背景上,用高对比度的标签做一个醒目的点。
这个跟第4个一样,实现简单,考验颜色的应用。
我在使用中,有做过几次深色背景的图,呈现的结果确实和默认背景有较大的差异,不过我颜色使用上不到位,对于标签的颜色,柱状图的颜色还把我不好,做出来的图看上去不太协调。
6. 带标签的堆叠条形图
显示详细的分类和每个类别的总数(当条形图中值较少时推荐)。
这个乍看去很简单,把segment拖到颜色就可以做好堆叠条形图,但是标签那里难到我了,按照常规的显示标签的方式,要么每个小方块都会显示,要么就没有,没办法像例子上一样在最后显示总数。
没办法还是搜了一把,才找到解决方法:Tableau 小技巧:如何在堆叠条形图上显示总计标签 - 知乎 (zhihu.com)
用参考线的方式来实现,真的很巧妙。
7. 标签在左的堆叠条形图
在详细分类之前显示类别总数,可以更好地对齐文本,同时也更符合阅读顺序。
如果这个像图3一样加个sum(sales)则会显示如下,和例子大相径庭。
所以这时要用到LOD(详细级别表达式)里的Exclude,不考虑segment的情况下计算Sales的和{EXCLUDE [Segment]:SUM([Sales])}。
8. 颜色和目标
突出表现不佳的类别,并使用参考线判断其与目标值的距离。
这个比较简单,用到了参考线,把目标值拖到detail或者tooltip,创建一个参考线;接着创建一个变量,来比较实际销售值和目标值的大小,并把这个变量拖到颜色,根据需要调整颜色即可。