举个栗子!Tableau 技巧(278):创建霓虹条形图(Neo
![](https://img.haomeiwen.com/i10136054/448e439e2d75cc56.jpg)
很多数据粉在分析音乐、电影或时尚媒体等数据时,喜欢用霓虹效果的 Icon 点亮分析看板。
如果分析图表也能实现类似的呈现,岂不更好?试试看,先来创建一个霓虹条形图~
![](https://img.haomeiwen.com/i10136054/dad938b9fcce25b0.png)
如何在 Tableau 中具体实现呢?今天的栗子,一睹为快吧!
本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:创建霓虹条形图(Neon Bar Charts)。
为方便学习,栗子使用如下的两个文本数据源。掌握栗子方法后,数据粉可尝试使用其他数据源。
![](https://img.haomeiwen.com/i10136054/5663df4aad0cb89c.png)
具体步骤如下:
1
连接数据源
打开 Tableau Desktop,连接文本数据源“绘制霓虹条形图.txt”。进入数据源页面,将第二个数据源的文本复制粘贴(Ctrl+V)到视图右侧。
使用内部联接来创建关联数据源,通过自定义计算设置表的关联条件为:1。
![](https://img.haomeiwen.com/i10136054/00ed9a09aa7b8345.png)
2
创建数据桶和计算字段
新建工作表,先来创建两个数据桶:
➤ 数据桶:Path (bin),大小设为10
![](https://img.haomeiwen.com/i10136054/681e4e8ec4897e5a.png)
➤ 数据桶:Position (bin),大小设为0.01
![](https://img.haomeiwen.com/i10136054/12f7c05c3d25f72f.png)
接着,创建五个计算字段:
➤ 计算字段:TC_Value,键入函数
WINDOW_MAX(MAX([Value]))
![](https://img.haomeiwen.com/i10136054/8a78cfec5ac1a5fb.png)
➤ 计算字段:Index,键入函数
IF INDEX() <= [TC_Value] THEN
INDEX()
ELSE
NULL
END
![](https://img.haomeiwen.com/i10136054/b9f6ad20575f9905.png)
➤ 计算字段:Index Columns,键入函数
INDEX()-1
![](https://img.haomeiwen.com/i10136054/287a20f67de2b2ab.png)
➤ 计算字段:TC_Position,键入函数
WINDOW_MAX(MAX([Position]))
![](https://img.haomeiwen.com/i10136054/a5eab1c89595bcf6.png)
➤ 计算字段:Columns,键入函数
[Index Columns]
![](https://img.haomeiwen.com/i10136054/7ee8238e01eda54c.png)
3
创建视图
将“标记”卡的标记类型改为:密度。
将数据桶“Path (bin)”和“Position (bin)”拖放至列,分别右键单击这两个胶囊,下拉菜单都勾选:显示缺失值。然后,将它们拖放至“标记”卡的详细信息中。
将字段“Bar”和“Columns”拖放至列,右键单击列上的“Columns”胶囊,下拉菜单选择:计算依据选择-Position (bin)。
![](https://img.haomeiwen.com/i10136054/1ab06d262354ed24.png)
将字段“Index”拖放至行,右键单击该胶囊,下拉菜单选择:计算依据-Path (bin)。
![](https://img.haomeiwen.com/i10136054/4dfa55835e785c0d.png)
再次右键单击行上的“Index”胶囊,下拉菜单选择:编辑表计算。在弹窗中,将嵌套计算选为:TC_Value,特定维度选择:Path (bin) 和 Position (bin)。
![](https://img.haomeiwen.com/i10136054/7d51abfb2fd69f55.png)
4
设置格式
单击图表右下方的“>10k个null”,弹窗中选择:筛选数据。
![](https://img.haomeiwen.com/i10136054/3958df4c8631adbe.png)
隐藏标题和标签,将网格线等都设为:无。将视图设置为:整个视图。
![](https://img.haomeiwen.com/i10136054/6c6ae7b33b3a7883.png)
最后,将工作表背景设为黑色。单击“标记”卡的大小,按需设置条形的粗细。
如此,就完成我们想要的霓虹条形图咯~
![](https://img.haomeiwen.com/i10136054/ad54babbda80bcc7.png)
本期的 Tableau 技巧,你 Get 到了吗?
下一期,再见~
![](https://img.haomeiwen.com/i10136054/4d5c39dd2c633ba2.gif)
文章部分信息来源于网络,如有侵权请告知