说明： required 标签代表生成图表的必选配置项，optional 标签代表生成图表的可选配置项。

data: collection

required

数据源为对象集合，例如：[{ action: '浏览网站', pv: 50000 }, { action: '放入购物车', pv: 35000 }, { action: '生成订单', pv: 25000 }]。

xField: string

required

漏斗条目对应的数据字段名，一般对应一个分类字段。

yField: string

required

漏斗数值对应的数据字段名，一般对应一个离散字段。

dynamicHeight: boolean

设置漏斗数值映射关系。false 数值大小映射到漏斗形状宽度，视觉上呈现为定高度变角度的漏斗图。true 数值大小映射到漏斗图形高度，视觉上呈现为定角度变高度的漏斗图。

默认为 false。

dynamicHeight: false	dynamicHeight: true

transpose: boolean

optional

设置布局方式，false 为垂直布局，true 为水平布局，默认为 false。

transpose: false	transpose: true

compareField: string

optional

对比漏斗图必选。

数据集中的对比字段名，一般对应一个分类字段。

通过该字段值，漏斗图将会被分成两组，通过左右镜像位置区分，视觉上呈现为对比漏斗图。

注意，由于对比漏斗图左右图形对称布局，数值大小只能映射在漏斗形状宽度，所以启动 compareField 时 dynamicHeight 设置 true 将无效。

例如 代码演示 中以 quarter 作为对比字段进行两个季度数据的比较。

compareText

optional

配置对比漏斗图位于侧方的分类文案样式及显示。

percentage

optional

配置转化率样式及内容。在漏斗图中，转化率展示由 固定线段、固定文案、数值文案 3 个部分组成，样式及内容可以分别通过 percentage.line、percentage.text、percentage.value 配置。

visible: boolean 是否显示转化率
line.visible: boolean 是否显示固定线段
line.style: object 固定线段样式
text.visible: boolean 是否显示固定文案
text.style: object 固定文案样式
text.content: string 固定文案内容
value.visible: boolean 是否显示数值文案
value.style: object 数值文案样式
value.formatter: (yValueUpper, yValueLower) => string 数值文案内容
offsetX: number  在当前位置基础上再往 x 方向的偏移量
offsetY: number  在当前位置基础上再往 Y 方向的偏移量
spacing: number 固定线段、固定文本、数值文案之间的间隔

funnelStyle: object | function

optional

配置漏斗单个图形样式。

何时使用

汇总数据

漏斗图是汇总数据的理想工具。并非所有图表都旨在显示数据的完整详细信息，漏斗图就是其中之一。它们最适合显示在仪表盘中，这些仪表盘经过定制以显示针对单一观点的指标，通常是组织中的决策主管所寻求的指标。

确定瓶颈

为了不断改进流程，评估每个阶段的性能很重要。人们需要知道何时何地哪里出错，一个过程中的关注点。漏斗图是实现此目的的绝佳工具。

优点

• 容易理解，漏斗的形状揭示转化过程的运行状况
• 直观地揭示线性过程，以查明潜在的问题区域

缺点

对于个人分析的决策帮助不是很有效

漏斗图分类

类型	描述	示意图
普通漏斗图	数值映射至高度，当前数值与第一个值的占比情况
	数值映射至长度，不映射至高度

do 和 dont

数量在 3 个以上

干净，清晰的标签

使用易区分的配色

漏斗图相似