Funnel 漏斗图

漏斗图示例，使用 <g-funnel> 组件。

基础用法

直接使用 <g-funnel> 标签，并传入图表数据即可。

转化漏斗

通过设置chartType值为transfer，可以实现转化漏斗图，在transOptions中配置数据，可以显示转化率等信息。

dataUrl 接口数据

直接使用 <g-funnel> 标签，并传入图表数据即可。

API

名称	说明	类型	默认值
description	空数据描述	string	暂无数据
options	全部属性（参考 Echarts Funnel 配置项）	object	—
db-options	自定义属性	object	—
height	漏斗图高度	string	300px
chartType	漏斗图类型，可选值为normal和transfer，normal为普通漏斗图， transfer为转化漏斗图	string	normal
transOptions	转化率等信息的配置	array	—

db-options API

名称	说明	类型	默认值
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	—

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array)，对象中可以配置以下属性：

名称	说明	类型	默认值
path	ip地址，开发环境配置代理地址，接口地址	string	—
method	方法	string	get
params	params 、 data 参数	object	—
resPath	接口响应数据 格式如 : 'data/obj/list'	string	'data'
ContentType	content-type	string	application/json;charset=UTF-8
headers	请求头	object	-
transformResponse	格式化数据	function	-

data 可以接受静态数据