饼图echarts category配置项内容和展示

      var colorArr = ["#218de0", "#01cbb3", "#85e647", "#5d5cda", "#05c5b0", "#c29927"];
var colorAlpha = ['rgba(60,170,211,0.05)', 'rgba(1,203,179,0.05)', 'rgba(133,230,71,0.05)', 'rgba(93,92,218,0.05)', 'rgba(5,197,176,0.05)', 'rgba(194,153,39,0.05)']
console.log(),
    option = {

        backgroundColor: "#090e36",
        grid: {
            left: -100,
            // top: 50,
            // bottom: 10,
            right: 10,
            containLabel: true
        },
        tooltip: {
            trigger: 'item',
            formatter: function(params) {
                var a = " "
                var b = option.series[0].data[1].r
                for (var i = 0; i < b.length; i++) {
                    a = a + b[i] + "<br/>"
                }
                if (params.name != "其他") {
                    return params.name + ":" + params.value + "个"  + " ("+params.percent + "%)"
                } else {
                    return params.name + ":" + params.value + "个"  +" ("+params.percent + "%)" + "<br/>" + a
                }
            }
        },
        legend: {
            show: false
        },

        polar: {},
        angleAxis: {
            interval: 1,
            type: 'category',
            data: [],
            z: 10,
            axisLine: {
                show: false,
                lineStyle: {
                    color: "#0B4A6B",
                    width: 1,
                    type: "solid"
                },
            },
            axisLabel: {
                interval: 0,
                show: true,
                color: "#0B4A6B",
                margin: 8,
                fontSize: 16
            },
        },
        radiusAxis: {
            min: 20,
            max: 120,
            interval: 20,
            axisLine: {
                show: false,
                lineStyle: {
                    color: "#0B3E5E",
                    width: 1,
                    type: "solid"
                },
            },
            axisLabel: {
                formatter: '{value} %',
                show: false,
                padding: [0, 0, 20, 0],
                color: "#0B3E5E",
                fontSize: 16
            },
            splitLine: {
                lineStyle: {
                    color: "#07385e",
                    width: 2,
                    type: "dashed"
                }
            }
        },
        calculable: true,
        series: [{
            stack: 'a',
            type: 'pie',
            radius: '80%',
            roseType: 'radius',
            zlevel: 10,
            startAngle: 0,
            label: {
                normal: {
                    formatter: ['{b|{b}}', '{d|{d}%}'].join('\n'),
                    rich: {
                        b: {
                            color: '#3bd2fe',
                            fontSize: 14,
                            lineHeight: 20,
                            align:"center",
                        },
                        d: {
                            color: '#d0fffc',
                            fontSize: 14,
                            height: 20,
                            align:"center",
                        },
                    },
                }
            },
            labelLine: {
                normal: {
                    show: true,
                    length: 10,
                    length2: 45,
                    lineStyle: {
                        color: '#0096b1'

                    }
                },
                emphasis: {
                    show: false
                }
            },
            data: [{
                    value: 603,
                    name: '政企专线数量',
                    itemStyle: {
                        borderColor: colorArr[0],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: "#41a8f8",
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[0]
                    }
                },
                {
                    value: 60,
                    name: '其他',

                    r: ['IPSEC VPN：1个', '物理隔离：4个', 'LTE：1个', '联通光纤独享：1个', '集团统一出口：1个', '均可提供：1个'],
                    itemStyle: {
                        borderColor: colorArr[1],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[1],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[1]
                    }
                },
                {
                    value: 70,
                    name: '普通宽带',
                    itemStyle: {
                        borderColor: colorArr[2],
                        borderWidth: 2,
                        shadowBlur: 20,
                        shadowColor: colorArr[2],
                        shadowOffsetx: 25,
                        shadowOffsety: 20,
                        color: colorAlpha[2]
                    }
                },
                // {
                //     value: 13,
                //     name: '节假日',
                //     itemStyle: {
                //       borderColor: colorArr[3],
                //       borderWidth:2,
                //       shadowBlur: 20,
                //       shadowColor: colorArr[3],
                //       shadowOffsetx: 25,
                //       shadowOffsety: 20,
                //       color:colorAlpha[3]
                //         }
                // },
                // {
                //     value: 10,
                //     name: '临时用电',
                //     itemStyle: {
                //       borderColor: colorArr[4],
                //       borderWidth:2,
                //       shadowBlur: 20,
                //       shadowColor: colorArr[4],
                //       shadowOffsetx: 25,
                //       shadowOffsety: 20,
                //       color:colorAlpha[4]
                //         }
                // },
                // {
                //     value: 6,
                //     name: '三相用电不平衡',
                //     itemStyle: {
                //       borderColor: colorArr[5],
                //       borderWidth:2,
                //       shadowBlur: 20,
                //       shadowColor: colorArr[5],
                //       shadowOffsetx: 25,
                //       shadowOffsety: 20,
                //       color:colorAlpha[5]
                //         }
                // }
            ]
        }, ]
    }