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的设置,目前样式如下:
如果把代码中的注释放开,给中间那层有颜色的层设置背景色后,其他层的灰色全部失效,效果如下:
想不通为啥,请高手指点!