仪表盘改的圆环图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
    backgroundColor: "#fff",
    angleAxis: {
        max: 100,
        show: false,
    },
    tooltip: {
        trigger: 'item',
        formatter: '{c}%'
    },
    graphic: { //图形中间文字
        type: "text",
        left: "center",
        top: "center",
        style: {
            text: "完成率 ",
            textAlign: "center",
            fill: "#666",
            fontSize: 14,
            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: 40,
        showBackground: true,
        backgroundStyle: {
            color: "#f0f0f0"
        },
        itemStyle: {
            normal: {
                opacity: 1,
                color: '#2d82ff',
            },

        },
        data: [{
            value: 90,
            itemStyle: {
                color: '',
                shadowBlur: 10, //浅蓝色阴影
                shadowColor: 'rgba(0, 103, 255, 0.2)',
                shadowOffsetX: -5,
                shadowOffsetY: 5,
            },

        }, ],
        coordinateSystem: 'polar',
        name: 'A',
        label: {
            show: true,
        },

    }],
};