Customized Pieecharts 饼配置项内容和展示

配置项如下
      option = {
    backgroundColor: '#2c343c',
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)',
    },
    legend: {
        bottom: '30',
        itemWidth: 15,
    },
    series: [
        {
            name: '预警类别',
            type: 'pie',
            radius: '55%',
            center: ['50%', '50%'],
            data: [
                { value: 20, name: 'Ⅱc类' },
                { value: 26, name: 'Ⅱb类' },
                { value: 24, name: 'Ⅱa 类' },
                { value: 30, name: 'Ⅰ类' },
            ].sort(function (a, b) {
                return a.value - b.value;
            }),
            roseType: 'angle',
            label: {
              formatter: '{c}',
              position: 'inside',
              fontSize: '20px',
              fontFamily: 'Microsoft YaHei UI, Microsoft YaHei UI-Regular',
              color: '#ffffff',
            },
            labelLine: {
                show: false,
            },
            itemStyle: {
                normal: {
                    color: function (params) {
                        console.log('params', params);
                        var colorList = ['#F9C900', '#FB8500', '#E85080', '#CB3BEC'];
                        return colorList[params.dataIndex];
                    },
                    shadowBlur: 20,
                    shadowColor: 'rgba(0, 0, 0, 0.2)',
                },
            },
        },
    ],
};

    
截图如下