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:["-sharp075F9F","-sharp15A93F","-sharpD10807","-sharpF79101","-sharp63869E","-sharp14B8CA"]
},
{
name:"",
type:"pie",
radius: ["40%", "55%"],
data:[
{value:310, name:" "}
],
label:{
normal:{
show:false
},
emphasis:{
show:false
}
},
tooltip:{
show:false
},
color:["-sharp393E49"],
silent:true
},
{
name:"",
type:"pie",
radius: ["25%", "40%"],
data:[
{value:310, name:" "}
],
color:["-sharp363739"],
silent:true
},
{
name:"",
type:"pie",
radius: [0, "25%"],
data:[
{value:310, name:" "}
],
color:["-sharp3E3E40"],
silent:true
},
{
name:"",
type:"pie",
radius:["70%","85%"],
data:[
{value:310, name:" "}
],
color:["-sharp393E49"],
silent:true,
labelLine: {
normal: {
show: false
},
emphasis:{
show:false
}
}
},
{
name:"",
type:"pie",
radius:["85%","100%"],
data:[
{value:310, name:" "}
],
color:["-sharp303646"],
silent:true,
labelLine: {
normal: {
show: false
},
emphasis:{
show:false
}
}
}
] above is a nested pie chart setting for each series. The current style is as follows:
:
I can"t figure out why, please give me some advice!