echarts环形图内阴影加间隔效果

效果图：

内阴影效果使用两个圈来实现 间隔使用数据隐藏图来实现

var option = {
  tooltip: {
        trigger: 'item',
        confine: true,//浮窗限制在图表内
        backgroundColor: "#1E2857", //通过设置rgba调节背景颜色与透明度
        borderColor: '#1E2857',
        color: "#fff",
        textStyle: {
            color: "#fff"
        },
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        }
    },
    grid: {
        top: '0%',
        left: '0%',
        right: '0%',
        bottom: '0%'
    },
    graphic: {
        elements: [
            {
                type: 'image',
                style: {
                    image: "https:///tyxsd/zyz.png",
                    width: 25,
                    height: 30
                },
                left: 'center',
                top: 'middle'
            },
        ]
    },
    series: [
    //内圈阴影
        {
            name: '',
            type: 'pie',
            radius: ['40%', '60%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            labelLine: {
                show: false
            },
            z:10,
            emphasis:{
                scale:false,//鼠标划上不展示高亮放大效果
            },
            data: [
                {
                    value: 10000, 
                    name: '群众点单',
                    itemStyle: {
                        color: '#2DF3FF',
                        opacity: 0.3
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
                {
                    value: 10000, 
                    name: '中心派单',
                    itemStyle: {
                        color: '#33AAFF',
                        opacity: 0.3
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
                {
                    value: 10000, 
                    name: '队伍接单',
                    itemStyle: {
                        color: '#88D86F',
                        opacity: 0.3
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
                {
                    value: 10000, 
                    name: '志愿服务活动',
                    itemStyle: {
                        color: '#FEA712',
                        opacity: 0.3
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
            ]
        },
        //外圈
        {
            name: '',
            type: 'pie',
            radius: ['50%', '60%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            labelLine: {
                show: false
            },
            z:11,
            data: [
                {
                    value: 10000, 
                    name: '群众点单',
                    itemStyle: {
                        color: '#2DF3FF',
                        
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
                {
                    value: 10000, 
                    name: '中心派单',
                    itemStyle: {
                        color: '#33AAFF',
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
                {
                    value: 10000, 
                    name: '队伍接单',
                    itemStyle: {
                        color: '#88D86F',
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
                {
                    value: 10000, 
                    name: '志愿服务活动',
                    itemStyle: {
                        color: '#FEA712',
                    },
                },
                {
                    value: 2000, //空白间隔数值（根据数据数值动态改变）
                    name: '间隔',//空白间隔
                    itemStyle: {
                        color: '#0E121D',
                    },
                    tooltip:{
                        show:false//划上不显示提示框
                    }
                },
            ]
        },
    ]
};