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

      option = {
    backgroundColor: "#000",
    angleAxis: {
        max: 100,
        show: false,
    },
    title: {
        text: "完成率",
        left: "center",
        top: "center",
        textStyle: {
            fontSize: 60,
            fontWeight: 'bold',
            color: "#fff"
        }
    },
    tooltip: {
        trigger: 'item',
        formatter: '{c}%'
    },
    graphic: { //图形中间文字
        type: "text",
        left: "center",
        top: "53%",
        style: {
            text: "2",
            textAlign: "center",
            fill: "#fff",
            fontSize: 60,
            fontWeight: 'bold',
        }
    },
    radiusAxis: {
        type: 'category',
        show: true,
        axisLabel: {
            show: false,
        },
        axisLine: {
            show: false,

        },
        axisTick: {
            show: false
        },
    },
    polar: {
        radius: ['50%', '65%'],
        center: ['50%', '50%'],
    },
    series: [{
        type: 'bar',
        roundCap: true, //设置圆角
        barWidth: 80,
        showBackground: true,
        backgroundStyle: {
            color: "rgba(19, 48, 80,.8)"
        },
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                    offset: 0,
                    color: 'rgb(0, 169, 246)'
                }, {
                    offset: 1,
                    color: 'rgb(0, 106, 221)'
                }]),
            }
        },
        data: [{
            value: 90,

        }, ],
        coordinateSystem: 'polar',
        name: 'A',
        label: {
            show: false,
            position: "top",
            formatter: (p) => {
                return "aaaaaaaaaa"
            },
            color: "red"
        },

    }],
};