多重图表echarts 饼配置项内容和展示

饼图--极坐标

      option = {
    backgroundColor: '#080b30',
    angleAxis: {
        type: 'category',
        axisLine: {
            show: false
        },
    },
    radiusAxis: {
        max: 100,
        axisLine: {
            show: false
        },
        axisLabel: {
            show: false
        },
        axisTick: {
            show: false
        },
        splitLine: {
            show: false
        },
    },
    polar: {
        radius: ['0', '60%']
    },
    series: [
        {
            type: 'pie',
            radius: ['60%', '60%'],
            labelLine: {
                show: false,
            },
            itemStyle: {
                borderWidth: 3,
                borderColor: '#fff',
                borderType: 'dotted',
            },
            data: [{value: 0}],
        },
        {
            type: 'pie',
            radius: ['60%', '80%'],
            roseType: 'area',
            labelLine: {
                show: false,
            },
            data: [{
                    value: 50,
                    max: 50,
                    itemStyle: {
                        color: 'rgba(50, 200, 232, 0.5)',
                    }
                },
                {
                    value: 40,
                    max: 50,
                    itemStyle: {
                        color: 'rgba(0, 228, 132, 0.5)',
                    }
                },
                {
                    value: 50,
                    max: 50,
                    itemStyle: {
                        color: 'rgba(255, 253, 0, 0.5)',
                    }
                },
                {
                    value: 30,
                    max: 50,
                    itemStyle: {
                        color: 'rgba(255, 161, 11, 0.5)',
                    }
                },
                {
                    value: 25,
                    max: 50,
                    itemStyle: {
                        color: 'rgba(255, 95, 92, 0.5)',
                    }
                }
            ]
        },
        {
            type: 'bar',
            name: '智慧',
            max: 100, // 100 的比例
            data: [100], // 控制半径占比
            barWidth: '20%', // 控制和饼图角度一致
            barGap: 0,
            itemStyle: {
                color: '#32C8E8',
            },
            coordinateSystem: 'polar',
        }, {
            type: 'bar',
            name: '劳动',
            data: [90],
            max: 100,
            barWidth: '20%',
            barGap: 0,
            itemStyle: {
                color: '#00E484',
            },
            coordinateSystem: 'polar',
        }, {
            type: 'bar',
            name: '悦美',
            data: [100],
            max: 100,
            barWidth:  '20%',
            barGap: 0,
            itemStyle: {
                color: '#FFD100',
            },
            coordinateSystem: 'polar',
        }, {
            type: 'bar',
            name: '活力',
            data: [70],
            max: 100,
            barWidth: '20%',
            barGap: 0,
            itemStyle: {
                color: '#FFA10B',
            },
            coordinateSystem: 'polar',
        }, {
            type: 'bar',
            name: '品德',
            data: [60],
            max: 100,
            barWidth: '20%',
            barGap: 0,
            itemStyle: {
                color: '#FF5F5C',
            },
            coordinateSystem: 'polar',
        }
    ],
};