圆环图

 

 var jizhongdu = echarts.init(document.getElementById('jizhongdu'));
   option_jizhongdu = {
    //backgroundColor:'#1F2443',
    graphic:[{
        type:'text',
        left:'center',
        top:'center',
        style:{
            text:'21%',
            fill:'#fff',
            width:30,
            height:30,
            fontSize:30,
        }
    }],
    color:['#0DE6ED','#2D3E5A'],
    series: [
    {
        name:'占比',
        type:'pie',
        radius: ['50%', '70%'],
        avoidLabelOverlap: false,
        label: {
            normal: {
                show: false,
                position: 'center'
            },
            emphasis: {
                show: true,
                textStyle: {
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            }
        },
        labelLine: {
            normal: {
                show: false
            }
        },
        data:[
        {value:21, name:'1'},
        {value:79, name:'2'},

        ]
    }
    ]
};
jizhongdu.setOption(option_jizhongdu);