营销革命4.0 常见5A结构图

描述:当前是关于Echarts图表中的 漏斗图 示例。
 
            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
            }
        }]
    }]
};