带分割的饼图echarts 饼配置项内容和展示

带分割的饼图

      option = {
    graphic: [{
            type: "text",
            left: "center",
            top: "50%",
            style: {
                fill: "#3AA0FF",
                text: "1111",
                font: "20px Microsoft YaHei"
            }
        },
        {
            type: "text",
            left: "center",
            top: "60%",
            z: 10,
            style: {
                text: "总计",
                fill: "#808492",
                font: "12px Microsoft YaHei"
            }
        }
    ],
    tooltip: {
        // show:false,
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    color: ["#FF8282", "#FFCC5D", "#32DBC9"],
    legend: {
        itemWidth: 10, //图例的宽度
        itemHeight: 10, //图例的高度
        itemGap: 30,
        orient: 'horizontal',
        left: 'center',
        top: '20px',
        icon: 'rect',
        selectedMode: false, //取消图例上的点击事件
        data: ['未控制', '部分控制', '完全控制'],
        textStyle: {
            color: '#808492'
        },
    },
    series: [{
        name: '性别',
        type: 'pie',
        radius: '55%',
        // center: ['40%', '50%'],
        center: ["50%", "55%"],
        radius: ["30%", "50%"],
        data: [{
                value: 335,
                name: '未控制'
            },
            {
                value: 180,
                name: '部分控制'
            },
            {
                value: 50,
                name: '完全控制'
            },
        ],
        // itemStyle: {
        //     emphasis: {
        //         shadowBlur: 10,
        //         shadowOffsetX: 0,
        //         shadowColor: 'rgba(0, 0, 0, 0.5)'
        //     }
        // },
        // labelLine: {//设置引导线样式
        //     show: true,
        //     lineStyle: {
        //       color: '#888888',
        //       width: 1,
        //     }
        //   },
        
        itemStyle: {
            
            normal: {
                label: {
                    show: true,
                    // formatter: '{b} : {c} ({d}%)' 
                    formatter: '{b}',
                    // color: '#888888',

                },
                borderColor: '#ffffff',
                borderWidth: 2,
            },

        }
    }]
};