echarts环形图

对于一个从毕业之后就没写过前端代码的渣渣来说，弄个环形图还是挺吃力的，用此博文记录一下。如有不正确的地方，希望各位大佬多多指正。

代码如下：

var echartData = [{value: 335, name: '正常',itemStyle:{color:'#0066FF'}},
                {value: 100, name: '异常',itemStyle:{color:'#FF0000'}}]
option = {
    title: {
        text:'小区数量',
        left:'center',
        top:'53%',
        padding:[5,0],
        textStyle:{
            color:'#4D4D4D',
            fontSize:'30'},
        show:true,
        position:'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        left: 10,
        data: ['正常', '异常']
    },
    series: [
        {
            name: '小区状态',
            type: 'pie',
            radius: ['40%', '60%'],
            avoidLabelOverlap: false,
            label: {
                formatter:function(name){
                    var total = 0; //总和
                echartData.forEach(function(value, index, array) {
                total += value.value;
                });
                return total;
                },
                textStyle:{color:'#ffcc66'},
                show:true,
                position:'center',
                fontSize:'30'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: echartData
        }
    ]
};

效果图：

 

 

疑问：

不知道下面这种咋弄