柱状图带柱条线echarts 饼配置项内容和展示

      const handred = 100
let point = 66

option = {
    backgroundColor: '#180f2a',
    title: [{
        text: (handred - point) + '%',
        x: '50%',
        y: '38%',
        textAlign: 'center',
        textStyle: {
            fontSize: '28',
            fontWeight: '600',
            color: '#fff',
            textAlign: 'center',
        },
    }, {
        text: '未实名率',
        left: '50%',
        top: '52%',
        textAlign: 'center',
        textStyle: {
            fontSize: '16',
            fontWeight: '400',
            color: '#fff',
            textAlign: 'center',
        },
    }],
    tooltip: {
        trigger: 'item',
        borderColor: 'rgba(255,255,255,.3)',
        backgroundColor: 'rgba(13,5,30,.6)',
        borderWidth: 1,
        padding: 5,
        formatter: function(parms) {
            return parms.name;
        }
    },
    series: [{
        type: 'pie',
        clockWise: true,
        radius: ['56%', '70%'],
        center: ['50%', '50%'],
        itemStyle: {
            normal: {
                barBorderColor: '#fff',
                borderWidth: 5,
                label: {
                    show: true,
                    fontSize: '16',
                    color: '#fff'
                },
                labelLine: {
                    show: true,
                    length: 30,
                    lineStyle: {
                        color: '#fff',
                        width: 2,
                        type: 'solid'
                    }
                }
            }
        },
        hoverAnimation: false,
        data: [{
            value: point,
            name: '实名量：' + point,
            itemStyle: {
                normal: {
                    color: { // 颜色渐变
                        colorStops: [{
                            offset: 0,
                            color: '#0082E8' // 0% 处的颜色
                        }, {
                            offset: 1,
                            color: '#0CEAEB' // 100% 处的颜色1
                        }]
                    },
                    label: {
                        show: true
                    },
                    labelLine: {
                        show: true
                    }
                }
            }
        }, {
            name: '未实名量：' + (handred - point),
            value: handred - point,
            itemStyle: {
                normal: {
                    color: 'rgba(128, 128, 128, 0.2)'
                }
            }
        }]
    }]
}