大唐热源占比echarts 饼配置项内容和展示

      option = {
    title : {
        text: '大唐热源占比',
        //subtext: '纯属虚构',
        x:'center'
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
      color: ['#1891FF', '#12C3C3', '#FBCD14', '#F14864', '#8542E1', '#7DA6FF', '#4AC312', '#FB8F14', '#F148E7'],
    legend: {
        orient: 'vertical',
        x: 'left',
        left: 10,
        //right: 10,
        top: 20,
        //bottom: 20,
        data: ['二电一期','二电二期','二电三期','二电南线','大唐一期','大唐二期']
    },
    series : [
        {
            name: '大唐热源占比',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            label: {
                normal: {
                  
                    // formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
                    formatter: '{b|{b}：}{c}   {per|{d}%} ',
                    // backgroundColor: '#eee',
                    // borderColor: '#aaa',
                    // borderWidth: 1,
                    // borderRadius: 4,
                    rich: {
                        // a: {
                        //     color: '#999',
                        //     lineHeight: 22,
                        //     align: 'center'
                        // },
                        // hr: {
                        //     borderColor: '#aaa',
                        //     width: '100%',
                        //     borderWidth: 0.5,
                        //     height: 0
                        // },
                        // b: {
                        //     fontSize: 16,
                        //     lineHeight: 33
                        // },
                        per: {
                            color: '#eee',
                            backgroundColor: '#334455',
                            padding: [2, 4],
                            borderRadius: 13,
                            // center: ['50%', '50%']
                            //  position: 'inside',
                        }
                    }
                }
            },
            data:[
                {value:335, name:'二电一期',selected:true},
                {value:310, name:'二电二期',selected:true},
                {value:234, name:'二电三期',selected:true},
                {value:135, name:'二电南线',selected:true},
                {value:154, name:'大唐一期',selected:true},
                {value:148, name:'大唐二期',selected:true}
            ],
            itemStyle: {
                 normal: {
                     
                // borderWidth: 4,
                // borderColor: '#ffffff',
                // label:{
                //       position: 'inside',
                // }
            },
            
           
                // normal: {
                //     label: {
                //         show: true,
                //         position: 'inside',
                //         // formatter: '{b} \n ({d}%)'
                //     }
                // },
            
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
                
            },
             labelLine: {
            normal: {
                length: 5,
                length2: 1,
                smooth: true,
            }
        },
        }
    ]
};