echarts里嵌套的饼状图在给每个series设置颜色时失败?

series: [

    {
        name:'问题类别',
        type:'pie',
        radius: ['55%', '70%'],
        avoidLabelOverlap: false,
        label: {
            normal: {
                show: false,
                position: 'inner'
            },
            emphasis: {
                show: true,
                textStyle: {
                    fontSize: '20',
                    fontFamily: 'SimHei',
                    fontWeight: 'bold'
                }
            }
        },
        labelLine: {
            normal: {
                show: false
            },
            emphasis:{
                show:true
            }
        },
        data: this.pieItems,
        //设置这个color属性后,其他层的背景颜色就失效了
        // color:['#075F9F','#15A93F','#D10807',"#F79101","#63869E","#14B8CA"]
    },
    {
        name:'访问来源',
        type:'pie',
        radius: ['40%', '55%'],
        data:[
            {value:310, name:' '}
        ],
        label:{
            normal:{
                show:false
            },
            emphasis:{
                show:false
            }
        },
        tooltip:{
            show:false
        },
        color:['#393E49'],
        silent:true

    },
    {
        name:'访问来源',
        type:'pie',
        radius: ['25%', '40%'],
        data:[
            {value:310, name:' '}
        ],
        color:['#363739'],
        silent:true

    },
    {
        name:'访问来源',
        type:'pie',
        radius: [0, '25%'],
        data:[
            {value:310, name:' '}
        ],

        color:['#3E3E40'],
        silent:true
    },
    {
        name:'访问来源',
        type:'pie',
        radius:['70%','85%'],
        data:[
            {value:310, name:' '}
        ],
        color:['#393E49'],
        silent:true,
        labelLine: {
            normal: {
                show: false
            },
            emphasis:{
                show:false
            }
        }
    },
    {
        name:'访问来源',
        type:'pie',
        radius:['85%','100%'],
        data:[
            {value:310, name:' '}
        ],
        color:['#303646'],
        silent:true,
        labelLine: {
            normal: {
                show: false
            },
            emphasis:{
                show:false
            }
        }
    }

]

以上是一个嵌套的饼状图对每个series的设置,目前样式如下:
图片描述

如果把代码中的注释放开,给中间那层有颜色的层设置背景色后,其他层的灰色全部失效,效果如下:
图片描述

想不通为啥,请高手指点!

阅读 4.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题