Funnel 漏斗图
漏斗图示例，使用 <g-funnel> 组件。
基础用法
直接使用 <g-funnel> 标签，并传入图表数据即可。
转化漏斗
通过设置chartType值为transfer，可以实现转化漏斗图，在transOptions中配置数据，可以显示转化率等信息。
dataUrl 接口数据
直接使用 <g-funnel> 标签，并传入图表数据即可。
组件参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| description | 空数据描述 | string | 暂无数据 |
| options | 全部属性（参考 Echarts Funnel 配置项） | object | — |
| db-options | 自定义属性 | object | — |
| chartType | 漏斗图类型，可选值为normal和transfer，normal为普通漏斗图， transfer为转化漏斗图 | string | normal |
| transOptions | 转化率等信息的配置 | array | — |
db-options 属性
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataField | 数据指向字段 | string | — |
| axisField | 指标指向字段 | string / function | — |
| columns | title 名称，field 指向字段，unit 单位 | array | — |
| data | 图表数据配置 | object/array/string | — |
transOptions API
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 名称 | string | — |
| value | 数值 | string / number | — |
| startIndex | 线开始的位置 | number | — |
| endIndex | 线结束的位置 | number | — |
| position | 线相对于漏斗图的位置，可选值为left和right | string | — |
组件支持的事件
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| chart-click | chart图形点击事件 | function | — |