- 举个栗子!Tableau技巧(39):巧妙制作分类桑基图
- 举个栗子!Tableau技巧(4):如何做空心饼图(环形图)
- VMware 搭建 Tableau Server for Lin
- 举个栗子!Tableau 技巧(239):学做平滑曲线图
- 举个栗子!Tableau 技巧(211):学做指针环形图
- 举个栗子!Tableau技巧(35):学做 南丁格尔 玫瑰图 N
- 举个栗子!Tableau 技巧(100):吸睛又直观的 四瓣花图
- 举个栗子!Tableau技巧(63):学做漂亮易用的哑铃图
- 举个栗子!Tableau 技巧(78):学做常用的倾斜图(slo
- 举个栗子!Tableau技巧(25):学做漂亮的桑基图Sanke


曲线面积图(Sigmoid area charts)是区域图的一种创新变形,呈现数据随时间变化的情况,也可用于对数据总值趋势的洞察。
如何在 Tableau 中具体实现呢?今天的栗子,一睹为快吧!
本期《举个栗子》,我们要给大家分享的 Tableau 技巧是:学做曲线面积图(Sigmoid area charts)。
为方便学习,栗子使用自拟数据源。掌握栗子方法后,数据粉可尝试使用其他数据源。懒癌患者可通过以下链接获取栗子数据源:
https://www.dkmeco.com/community/example/detail-824
具体步骤如下:
1
连接数据源
打开 Tableau Desktop(建议使用Tableau 2020.2 及以上版本),连接栗子数据源的两个工作表:value 和 path。

新建工作表,先创建数据捅。在“数据”窗格,右键单击字段“Path”,下拉菜单选择:创建-数据桶。

在弹窗中,将数据桶命名为:Path(bin),将数据桶大小设置为:1。

2
创建计算字段
接着,需要创建七个计算字段:
➤ 创建计算字段:Index,键入函数
-6+((INDEX()-1)*0.12) // Index 值从-6到6 ,增量为0.12

➤ 创建计算字段:Date (Month),键入函数
DATEPART("month",[Date])

➤ 创建计算字段:TC_Date,键入函数
WINDOW_MAX(MAX([Date]))

➤ 创建计算字段:TC_Value,键入函数
WINDOW_MAX(MAX([Value]))

➤ 创建计算字段:TC_Previous Value,键入函数
RUNNING_SUM([TC_Value])-[TC_Value]

➤ 创建计算字段:TC_Running Sum,键入函数
RUNNING_SUM([TC_Value])

➤ 创建计算字段:Y,键入函数
ROUND((1/(1+EXP(-[Index]))),2)// 曲线
* [TC_Value] //值的大小
+ [TC_Previous Value] // 添加起始点

3
创建视图
将“标记”卡的标记类型改为:区域。再右键单击“数据”窗格中的字段“Country”,下拉菜单勾选:无,然后将其拖放至“标记”卡的颜色中。
将计算字段“Date(Month)”拖放至列,再右键该胶囊,下拉菜单分别勾选:维度 和 离散。

将数据桶“Path(bin)”拖放至列,再右键单击该胶囊,下拉菜单勾选:显示缺失值。

接着,将列上的“Path(bin)”胶囊拖放至“标记”卡的详细信息中。

将计算字段“Index”拖放至列,再右键单击该胶囊,下拉菜单选择:计算依据-Path(bin)。

将计算字段“Y”拖放至行,再右键单击该胶囊,下拉菜单选择:计算依据-Path(bin)。

完成后,得到如下视图:

再右键单击行上的“Y”胶囊,下拉菜单选择:编辑表计算-嵌套计算。弹窗中,嵌套计算选为:TC_Previous Value,计算依据选为:表(横穿)。

4
编辑轴并设置格式
右键单击 X 轴,下拉菜单选择:编辑轴。弹窗中,将轴范围选为:固定,然后将固定值设置为:-6 到 6。

隐藏 X 和 Y 坐标轴的标题。

去掉所有的网格线,如下图:

去掉所有的分隔符,如下图:

如此,就完成了我们想要的曲线面积图!

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

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