极坐标+饼图echarts 饼配置项内容和展示

饼图均为4分之1

      	var colors=['#1785ef','#20c8ff','#ff9921','#f36119'];
	var txtArr=['新项目','老客户','老项目','新客户']
    var index=-1;

option = {
    backgroundColor: '#fff',
    color:colors,
    calculable: true,
    polar: {
        center: ['50%', '50%'],
        radius: '90%'
    },
    radiusAxis: {
        // 极坐标半径刻度
        
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show:false
        },
        splitLine:{
            // lineStyle:{
            //     type: 'solid',
            //     color:'#01eced'
            // }
        },
    },
    angleAxis: {
        min: 0,
        max: 360,
        interval: 90,
        startAngle: 90,
        z:5,
        splitLine: {
            show: true,
            interval: 'auto',
            lineStyle: {
                width: 2,
                type: 'solid',
                color:'#dee0ea'
            },
        },
        axisLine: {
            show:false
        },
        axisTick: {
            show: false
        },
        axisLabel:{
            show:true,
            fontSize:14,
            formatter:function(e){
                index++;
               return txtArr[index];
            }
        },
    
    },
   
    series: [{
        name: '客户-新签项目数',
        type: 'pie',
        clockwise: false,
        radius: ['0', '80%'],
        center: ['50%', '50%'],
        padding:10,
        roseType: 'area',
        hoverOffset:0,
        label: {
            show:true,
            rotate:0,
            padding:20,
            fontSize:14,
            color:'#16161d',
            formatter:'{c}'
        },
        labelLine:{
            show:false,
            length:0,
            length2:0
        },
       
        data: [{
            value: 70,
            name: 'rose1'
        }, {
            value: 55,
            name: 'rose2'
        }, {
            value: 15,
            name: 'rose3'
        }, {
            value: 25,
            name: 'rose4'
        }]
    }] 
};