自定义labelecharts 柱状配置项内容和展示

自定义label，渐变柱状图

      option = {
    backgroundColor: '#fff',
    color: ['#f9932e'],
    grid: {
        containLabel: true,
    },
    xAxis: [{
        type: 'category',
        data: ['营销任务一', '营销任务二', '营销任务三', '营销任务四', '营销任务五'],
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            color: '#999999',
            fontSize: 14
        }

    }],
    yAxis: [{
        type: 'value',
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        splitLine: {
            lineStyle: {
                color: '#f1f1f2'
            }

        },
        axisLabel: {
            color: '#999999',
            fontSize: 14
        }
    }],
    series: [{
        name: '营销任务',
        type: 'bar',
        data: [111, 222, 333, 444, 555],
        barWidth: 18,
        itemStyle: {
            normal: {
                barBorderRadius: [5, 5, 0, 0],
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: "rgb(255,154,22)"
                    },
                    {
                        offset: 1,
                        color: "rgb(234,130,113)"
                    }
                ])
            }
        },
        label: {
            normal: {
                show: true,
                lineHeight: 30,
                width: 80,
                height: 30,
                backgroundColor: '#ec6c3f',
                borderRadius: 200,
                position: ['-32', '-80'],
                formatter: [
                    '{a|{c}}\n',
                    '{b|}\n',
                    '{d|}',
                ].join(''),
                rich: {
                    d: {
                        color: '#ec6c3f',
                        align: 'center',
                        width: 10,
                        height: 10,
                        backgroundColor: '#ec6c3f',
                        borderWidth: 3,
                        borderColor: 'rgba(255,255,255,.8)',
                        borderRadius: 100
                    },
                    a: {
                        color: '#fff',
                        align: 'center',
                    },
                    b: {
                        width: 1,
                        height: 50,
                        borderWidth: 1,
                        borderColor: '#ec6c3f',
                        align: 'center'
                    },
                }
            }
        }
    }]
};