ddd

Posted 2020-10-06 DaMengZhang

var option = {
    tooltip: {
        trigger: ‘item‘,
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        orient: ‘vertical‘,
        x: ‘right‘,
        y:‘middle‘,
        /*formatter:function () {
            debugger;
        },*/
        data:[{name:‘已用335个‘,icon:‘pin‘},
              {name:‘可用310个‘,icon:‘arrow‘}]
    },
    series: [
        {
            name:‘vCPU‘,
            type:‘pie‘,
            radius: [‘50%‘, ‘70%‘],
            avoidLabelOverlap: false,
            /*silent:true,*/
            markPoint:{
                label:{
                    normal:{
                        show:false
                    },
                    emphasis:{
                        show:false
                    }
                }
            },
            label: {
                normal: {
                    show: false,
                    position: ‘center‘
                },
                emphasis: {
                    show: true,
                    textStyle: {
                        fontSize: ‘30‘,
                        fontWeight: ‘bold‘
                    }
                }
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data:[
                {value:335, 
                 name:‘已用335个‘,
                 selected:false,
                 labelLine:{
                    normal:{
                        show:true
                    }
                 },
                 itemStyle:{
                    normal:{
                        color:‘grey‘
                    }
                 }
                },
                {value:310, 
                 name:‘可用310个‘,
                 label:{
                    normal:{
                        show:true,
                        fontSize:16,
                        fontWeight:‘bold‘
                    },
                    emphasis:{
                        show:true
                    }
                 },
                 labelLine:{
                    normal:{
                        show:true
                    }
                 },
                 itemStyle:{
                    normal:{
                        color:‘green‘
                    }
                 }
             },
            ]
        }
    ]
};

var resource = echarts.init($(‘#resource‘)[0]);
resource.setOption(option);