环形圆角柱状图echarts 柱状配置项内容和展示

      var chartData = [
    {
        name: '观察期',
        value: 122,
    },
    {
        name: '已行权',
        value: 986,
    },
];
var legends = chartData.map((data, index) => {
    return data.name;
});
option = {
    // color:['#3A71F0', '#e9f1f9'],
    title: {
        text: '{a|986} {b|家}\n{c|企业总数}',
        textStyle: {
            rich: {
                a: {
                    fontSize: 24,
                    color: '#313131',
                    fontWeight: 'bold',
                },
                b: {
                    fontSize: 16,
                    color: '#313131',
                },
                c: {
                    fontSize: 16,
                    color: '#808080',
                },
            },
        },
        left: 'center',
        bottom: 'middle',
    },
    legend: {
        bottom: 10,
        selectedMode: false,
        data: legends,
        icon: 'circle',
        itemStyle: {
            // color:['#3A71F0', '#e9f1f9']
        },
    },
    angleAxis: {
        max: 1200,
        axisLabel: false,
        axisTick: false,
        axisLine: false,
        splitLine: false,
    },
    radiusAxis: {
        type: 'category',
        data: ['1'],
        axisLabel: false,
        axisTick: false,
        axisLine: false,
    },
    polar: {
        center: ['50%', '50%'],
        // radius:['100%','80%']
    },

    series: [
        {
            name: '已行权',
            type: 'bar',
            stack: '已行权',
            coordinateSystem: 'polar',
            barWidth: 40,
            showBackground: true,
            roundCap: true,
            itemStyle: {
                color: '#3A71F0',
                borderRadius: [4, 4, 4, 4],
                backgroundColor: '#333',
                shadowBlur:10,
                shadowColor:'#3A71F0'
            },
            backgroundStyle: {
                color: '#e9f1f9',
            },
            data: [986],
        },
        {
            name: '观察期',
            stack: '已行权',
            type: 'bar',
            coordinateSystem: 'polar',
            itemStyle: {
                color: '#e9f1f9',
            },
        },
    ],
};