饼图嵌套echarts 饼配置项内容和展示

纯属虚构

      option = {
    title: {
        text: '某站点用户访问来源',
        subtext: '纯属虚构',
        x: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ["物理", "化学", "生物", "政治", "历史", "地理"]
    },
    series: [{
        name: '单科',
        type: 'pie',
        radius: ['5%', '10%'],
        label: {
            normal: {
                position: 'inner'
            }
        },

        data: [{
                value: '967',
                name: '物理',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        normal: {
                            color: '#dc1439'
                        }
                    }
                }
            },
            {
                value: '2800',
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }
        ]
    }, {
        name: '化学',
        type: 'pie',
        radius: ['15%', '20%'],
        data: [{
                value: '825',
                name: '化学',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        normal: {
                            color: '#dc1439'
                        }
                    }
                }
            },
            {
                value: '500',
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }
        ]

    }, {
        name: '生物',
        type: 'pie',
        radius: ['25%', '30%'],
        data: [
            // {value:1078, name:'生物'}
            {
                value: '1078',
                name: '生物',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        normal: {
                            color: '#dc1439'
                        }
                    }
                }
            },
            {
                value: '800',
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }

        ]
    }, {
        name: '政治',
        type: 'pie',
        radius: ['35%', '40%'],
        data: [
            // {value:981, name:'政治'}
            {
                value: '981',
                name: '政治',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        normal: {
                            color: '#dc1439'
                        }
                    }
                }
            },
            {
                value: '900',
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }
        ]
    }, {
        name: '历史',
        type: 'pie',
        radius: ['45%', '50%'],
        data: [
            // {value:877, name:'历史'}
            {
                value: '877',
                name: '历史',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        normal: {
                            color: '#dc1439'
                        }
                    }
                }
            },
            {
                value: '500',
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }
        ]
    }, {
        name: '地理',
        type: 'pie',
        radius: ['55%', '60%'],
        data: [
            // {value:939, name:'地理'}
            {
                value: '939',
                name: '地理',
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)',
                        normal: {
                            color: '#dc1439'
                        }
                    }
                }
            },
            {
                value: '200',
                itemStyle: {
                    normal: {
                        color: 'transparent'
                    }
                }
            }
        ]
    }, ]
};