曲线图系列(二)Sigmoid曲线入门:绘图原理到实战操作

最简单的Sigmoid曲线图绘制教程,从数据桶构造Index、T值转换到Y轴计算,完整演示一条曲线的生成过程,重点说明显示缺失值的关键作用。

🏷️ 分类:图表教程

上一篇文章里,我把用sigmoid函数画曲线的原理都讲清楚了,不明白的同学还是要先理解之前的文章。

今天我们学习画最简单的sigmoid曲线图,其实就是折线图的曲线版本。如果基础知识看明白的话,那就很简单了。

创建数据集

Year,Value,Index
1991,51,1
1992,85,2
1993,32,3
1994,36,4
1995,71,5
1996,36,6
1997,52,7
1998,29,8
1999,24,9
2000,6,10
2001,87,11
2002,93,12
2003,42,13
2004,30,14
2005,51,15
2006,87,16
2007,3,17
2008,70,18
2009,42,19
2010,93,20
2011,95,21
2012,87,22
2013,73,23
2014,40,24
2015,77,25
2016,41,26
2017,88,27
2018,26,28
2019,41,29
2020,43,30

创建计算字段

建好的path和path(bin)字段如下:

__BLOCK_p__由于每条曲线都需要49个点,path和path(bin)字段的目的就是横向把Index扩大,给每年之间都留出49个点来画曲线。因为数据桶是维度,不能作为坐标轴使用,所以就需要用Index函数沿着path(bin)计数来构造X轴。
__BLOCK_p__T是构造sigmoid函数的关键,T必需是[-6,6]之间。虽然Index被扩大了(也就是X轴),但是通过上述计算,还要把每个Index之间对应的T值转换成±6之间,以保证Y轴计算的正确。
__BLOCK_p__Y轴就是基础知识中说的公式套用。

开始做图

__BLOCK_p__path(bin)必需勾选“显示缺失值”,如果没有勾选,path(bin)只有开始和结束两个点,这是很多表计算没有结果的关键因素。

这样,sigmoid曲线图就有了。

当然,我们还可以加个双轴,标记一下数据值。

也可以把标记改成“区域”,做成面积图。

下面可以对坐标轴进行一些处理,保证坐标轴显示正确,可以新建一个计算字段。

这样就基本完成一个简单的曲线图制作。

这里的难点就是X轴的构造和根据X值计算T值,也就是把多条曲线横向平移的过程,需要大家多加研究,因为后面复杂一点的图形也都会用到。

🏷️ 标签:Tableau、图表教程、曲线图

📚 系列文章:Tableau曲线图系列
Tableau曲线图系列(二)Sigmoid曲线图入门:从绘图原理到实战操作完整教程 (本文)
Tableau曲线图系列(三)分组Sigmoid曲线图:多曲线绘制与表计算进阶指南
Tableau曲线图系列(四)彩虹色带图(上):数据集构建到绚丽色带绘制技巧
Tableau曲线图系列(五)彩虹色带图(下):堆积柱状图与多边形绘制精讲
——————————————————————————————
📖 相关文章
Tableau曲线图系列(三)分组Sigmoid曲线图:多曲线绘制与表计算进阶指南
Tableau曲线图系列(四)彩虹色带图(上):数据集构建到绚丽色带绘制技巧
Tableau曲线图系列(五)彩虹色带图(下):堆积柱状图与多边形绘制精讲
用Tableau画曲线图系列(一)基础知识
用Tableau制作滚动时间轴(下)
——————————————————————————————

No comments yet