进度echarts 柱状配置项内容和展示

进度

      var num = 80;
var max = 100;
option = {
    backgroundColor: '#111',
    title: [{
        text: num,
        x: 'center',
        top: 'center',
        textStyle: {
            color: '#fff',
            fontSize: 50
        }
    }],
    polar: {
        radius: ['44%', '50%'],
        center: ['50%', '50%'],
    },
    angleAxis: {
        max: max,
        show: false,
    },
    radiusAxis: {
        type: 'category',
        show: true,
        axisLabel: {
            show: false,
        },
        axisLine: {
            show: false,

        },
        axisTick: {
            show: false
        },
    },
    series: [
        {
            name: '',
            type: 'bar',
            roundCap: true,
            barWidth: 60,
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(66, 66, 66, .3)',
            },
            data: [num],
            coordinateSystem: 'polar',

            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                        offset: 0,
                        color: '#31E329'
                    }, {
                        offset: 1,
                        color: '#7CFA79'
                    }]),
                }
            }

        }, 
        
    ]
};