消费能力echarts 饼配置项内容和展示

      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)']

option = {
    backgroundColor:"#090e36",
    grid: {
        left: -100,
        top: 50,
        bottom: 10,
        right: 10,
        containLabel: true
    },
    tooltip: {
        trigger: 'item',
        formatter: "{b} :  ({d}%)"
    },
    legend: {
      data: [ '消费高', '消费中','消费低',],
      orient: 'vertical',
        right: '5%',
        top: '35%',
        itemWidth: 50,
        itemHeight: 50,
        itemGap: 30,
        textStyle: {
            color: '#218de0',
            fontSize: 16,
        },
    },
    
    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: 100,
        label: {
            show:false
        },
        // labelLine: {
        //     normal: {
        //         show: true,
        //         length: 10,
        //         length2: 45,
        //         lineStyle: {
        //         color: '#0096b1'
                    
        //         }
        //     },
        //     emphasis: {
        //         show: false
        //     }
        // },
        data: [{
                value: 45,
                name: '消费低',
                 itemStyle: {
                  borderColor: colorArr[0],
                  borderWidth:2,
                  shadowBlur: 20,
                  shadowColor: "#41a8f8",
                  shadowOffsetx: 25,
                  shadowOffsety: 20,
                  color:colorAlpha[0]
                    }
            },
            {
                value: 20,
                name: '消费高',
                itemStyle: {
                  borderColor: colorArr[1],
                  borderWidth:2,
                  shadowBlur: 20,
                  shadowColor: colorArr[1],
                  shadowOffsetx: 25,
                  shadowOffsety: 20,
                  color:colorAlpha[1]
                    }
            },
            {
                value:35,
                name: '消费中',
                itemStyle: {
                  borderColor: colorArr[2],
                  borderWidth:2,
                  shadowBlur: 20,
                  shadowColor: colorArr[2],
                  shadowOffsetx: 25,
                  shadowOffsety: 20,
                  color:colorAlpha[2]
                    }
            },

        ]
    }, ]
}