> For the complete documentation index, see [llms.txt](https://reee-visual.gitbook.io/ray-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reee-visual.gitbook.io/ray-design/lou-dou-tu.md).

# 漏斗图

漏斗图（Funnel Plots）是一种形如漏斗状图表，用于单流程分析，按照一定的顺序组成阶段层级，每一层都用于表示不同的阶段，从而呈现出这些阶段之间的某项要素/指标递减的趋势。

### 一、漏斗图图解

![](/files/-MklAigxo8rq8E4hNhZT)

### 二、基本属性

![](/files/-MklAr6Yok5ez4-rKZWb)

### 三、数据结构

第一行显示类别，类别的数量决定梯形的数量；第二行显示数值，数值的大小决定梯形上底宽度。

![](/files/-MklB3hK_JCCGbzQHXBy)

倒梯形当前数据映射上底宽度，下一数据映射下底宽度。

![](/files/-MklBPxVy2zkPjSWfQk7)

### 四、适用场景

#### 4.1 有序性

数据之间有逻辑上的顺序关系，类别数量最好大于3个，类别越多结果越可靠。

#### 4.2 消耗性

各类别间是依次消耗的。 

例如：电商产品的转化率，曝光率决定点击率，点击率决定成交量。每一轮都是经过层层递减。从而可直观的观察出那一薄弱环节影响最终转化率，从而对决策性做出帮助。

### 五、不适用场景

#### 5.1 各梯形高度不一致

漏斗图是靠“面积”传达数据信息的，若每个梯形高度不一致，信息更难直观的体现出来。 

例如：下图为例，若无数据显示，很难观察出首层与第三层的三倍。

![](/files/-MklCNj_x3tKSUkbB2qH)

### 六、制作方法

1、使用RayCharts生成漏斗图，打开下方网址；

```
https://raycharts.raykite.com
```

2、左侧图表区选择漏斗图；

![](/files/-MklCsGv594hM1epy-T5)

3、右侧编辑区自定义样式；

![](/files/-MkjcZHqbULnBXxEq8nr)

4、生成数据或者手动录入；

![](/files/-MkjboXYFK8llfnvKoXE)

5、预览生成效果。

![](/files/-MklCvKZU3eSqt9fZ5j6)

### 七、漏斗图图史

漏斗图是由 Light 与 Pillemer于1984年所提出，并由 Egger 等人深入探讨。

### 八、设计开眼

以下为具有代表性的设计案例，更多案例持续添加中。

* [在漏斗图的基础上做设计](https://www.pinterest.com/pin/500532946068884467/)
* [用漏斗图描绘出英国、法国、德国薪资的收入差距](https://www.economist.com/graphic-detail/2017/08/01/are-women-paid-less-than-men-for-the-same-work)

### 九、更多学习资源

* [标准化平均差异导致漏斗图偏差](https://elifesciences.org/articles/24260)