玫瑰饼图占比echarts 饼配置项内容和展示

玫瑰饼图占比

      option = {
    color:['#7ABEFD','#83CB9D','#D2EE57','#FEC756','#FD7B7B','#8885D9'],
    title: {
        text: '占比',
        subtext: '纯属虚构',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    legend: {
        icon:'circle',
        top: 'center',
        right: '10%',
        width:120,
        data: ['rose1', 'rose2', 'rose3', 'rose4', 'rose5', 'rose6', 'rose7', 'rose8'],
        formatter: function (name) {
            return  name + '%';
        }
    },
    toolbox: {
        show: true,
        feature: {
            mark: {show: true},
            dataView: {show: true, readOnly: false},
            magicType: {
                show: true,
                type: ['pie', 'funnel']
            },
            restore: {show: true},
            saveAsImage: {show: true}
        }
    },
    series: [
        {
            name: '半径模式',
            type: 'pie',
            radius: ['32', '60%'],
            center: ['50%', '50%'],
            roseType: 'radius',
            label: {
                show: false
            },
           itemStyle: { //图形样式
                normal: {
                    borderColor: '#ffffff',
                    borderWidth: 2,
                },
            },
            emphasis: {
                label: {
                    show: true
                }
            },
            data: [
                {value: 10, name: 'rose1'},
                {value: 5, name: 'rose2'},
                {value: 15, name: 'rose3'},
                {value: 25, name: 'rose4'},
                {value: 20, name: 'rose5'},
                {value: 35, name: 'rose6'},
                {value: 30, name: 'rose7'},
                {value: 40, name: 'rose8'}
            ]
        },
        
    ]
};