會員性別比例echarts 饼配置项内容和展示

      const data = [{
                value: 335,
                name: '男性',
                rate: '10%',
                emphasis: {
                    show: true,
                    itemStyle: {
                        color: '#1890ff',
                        fontSize: 20
                    }
                }
            },
            {
                value: 310,
                name: '女性',
                rate: '30%'
            },
            {
                value: 1548,
                name: '未知',
                rate: '60%'
            }
        ]
option = {
    color: ['#1890ff', '#f04864', '#13c2c2', '#facc14'],
    backgroundColor: '#fff',
    series: [{
        type: 'pie',
        radius: 120,
        center: ['50%', '50%'],
        data,
        itemStyle: { //图形样式
            normal: {
                borderColor: '#fff',
                borderWidth: 4,
            },
        },
        label: {

            show: true,
            formatter: (obj) => {
                console.log(obj)
                return `{name|${obj.data.name}} {per|${obj.data.rate}}`
            },
            textStyle: {
                fontSize: 30,

            },
            position: 'outside',
            emphasis: {
                show: true
            },
            lineHeight: 14,
            fontSize: 14,
            rich: {
                name: {
                    color: "rgba(0, 0, 0, 0.65)"
                },
                per: {
                    color: "rgba(0, 0, 0, 0.45)"
                }
            }
        },
    }]
};