营销革命4.0 常见5A结构图echarts funnel配置项内容和展示
《营销革命4.0》各类5A结构漏斗图
配置项如下
option = {
color: ['#2e4200', '#4d6900', '#6d8f00', '#91b502', '#b9db0d', '#c9e82e'],
title: {
text: '营销革命4.0 常见5A结构图'
},
tooltip: {
show: true
},
series: [{
type: 'funnel',
sort: 'none',
left: 0,
width: '20%',
height: '20%',
name: '漏斗型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 80,
}, {
name: '询问',
value: 60,
}, {
name: '行动',
value: 42,
}, {
name: '拥护',
value: 18,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '30%',
width: '20%',
height: '20%',
name: '喇叭型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 60,
}, {
name: '询问',
value: 50,
}, {
name: '行动',
value: 20,
}, {
name: '拥护',
value: 40,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '60%',
width: '20%',
height: '20%',
name: '门把手型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 60,
}, {
name: '询问',
value: 20,
}, {
name: '行动',
value: 40,
}, {
name: '拥护',
value: 20,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: 0,
top: '30%',
width: '20%',
height: '20%',
name: '蝴蝶结型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 60,
}, {
name: '询问',
value: 20,
}, {
name: '行动',
value: 60,
}, {
name: '拥护',
value: 100,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '30%',
top: '30%',
width: '20%',
height: '20%',
name: '金鱼型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 20,
}, {
name: '询问',
value: 60,
}, {
name: '行动',
value: 20,
}, {
name: '拥护',
value: 15,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '60%',
top: '30%',
width: '20%',
height: '20%',
name: '糖果型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 30,
}, {
name: '询问',
value: 50,
}, {
name: '行动',
value: 20,
}, {
name: '拥护',
value: 50,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: 0,
top: '52%',
width: '20%',
height: '20%',
name: '类酒杯型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 100,
}, {
name: '好奇',
value: 15,
}, {
name: '询问',
value: 30,
}, {
name: '行动',
value: 80,
}, {
name: '拥护',
value: 70,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '30%',
top: '52%',
width: '20%',
height: '20%',
name: '类漏斗型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 30,
}, {
name: '好奇',
value: 70,
}, {
name: '询问',
value: 62,
}, {
name: '行动',
value: 48,
}, {
name: '拥护',
value: 36,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '60%',
top: '52%',
width: '20%',
height: '20%',
name: '类门把手型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 30,
}, {
name: '好奇',
value: 70,
}, {
name: '询问',
value: 32,
}, {
name: '行动',
value: 68,
}, {
name: '拥护',
value: 40,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: 0,
top: '74%',
width: '20%',
height: '20%',
name: '话筒型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 20,
}, {
name: '好奇',
value: 30,
}, {
name: '询问',
value: 40,
}, {
name: '行动',
value: 70,
}, {
name: '拥护',
value: 55,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '30%',
top: '74%',
width: '20%',
height: '20%',
name: '类喇叭型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 30,
}, {
name: '好奇',
value: 80,
}, {
name: '询问',
value: 65,
}, {
name: '行动',
value: 20,
}, {
name: '拥护',
value: 40,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '30%',
top: '74%',
width: '20%',
height: '20%',
name: '类喇叭型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 30,
}, {
name: '好奇',
value: 80,
}, {
name: '询问',
value: 65,
}, {
name: '行动',
value: 20,
}, {
name: '拥护',
value: 40,
itemStyle: {
height: 0
}
}]
}, {
type: 'funnel',
sort: 'none',
left: '60%',
top: '74%',
width: '20%',
height: '20%',
name: '倒喇叭型',
label: {
position: 'rightTop',
color: '#282f38',
fontWeight: 'bold',
padding: [0, 0, 0, 8],
align: 'right',
},
labelLine: {
lineStyle: {
color: '#c2c6cc',
type: 'dashed',
},
},
data:[{
name: '感知',
value: 40,
}, {
name: '好奇',
value: 20,
}, {
name: '询问',
value: 30,
}, {
name: '行动',
value: 40,
}, {
name: '拥护',
value: 70,
itemStyle: {
height: 0
}
}]
}]
};
截图如下
