百度pie人数明细表——多个圆环图,详情代码如下:
var dataStyle = {
normal: {
label: {
show: false
},
labelLine: {
show: false
},
shadowBlur: 0,
shadowColor: '#203665'
}
};
option = {
backgroundColor: "#040c33",
series: [{
name: '第一个圆环',
type: 'pie',
clockWise: false,
radius: [70, 80],
itemStyle: dataStyle,
hoverAnimation: false,
center: ['35%', '50%'],
data: [{
value: 25,
label: {
normal: {
rich: {
a: {
color: '#3a7ad5',
align: 'center',
fontSize: 20,
fontWeight: "bold"
},
b: {
color: '#fff',
align: 'center',
fontSize: 16
}
},
//定义表内数据
formatter: function(params){
return "{b|在线统计}\n\n"+"{a|"+params.value+"个}"+"\n\n{b|增长2%}";
},
position: 'center',
show: true,
textStyle: {
fontSize: '14',
fontWeight: 'normal',
color: '#fff'
}
}
},
itemStyle: {
normal: {
color: '#2c6cc4',
shadowColor: '#2c6cc4',
shadowBlur: 0
}
}
}, {
value: 75,
name: 'invisible',
itemStyle: {
normal: {
color: '#24375c'
},
emphasis: {
color: '#24375c'
}
}
}]
}, {
name: '第二个圆环',
type: 'pie',
clockWise: false,
radius: [70, 80],
itemStyle: dataStyle,
hoverAnimation: false,
center: ['60%', '50%'],
data: [{
value: 75,
label: {
normal: {
rich: {
a: {
color: '#d03e93',
align: 'center',
fontSize: 20,
fontWeight: "bold"
},
b: {
color: '#fff',
align: 'center',
fontSize: 16
}
},
//定义表内数据
formatter: function(params){
return "{b|离线统计}\n\n"+"{a|"+params.value+"个}"+"\n\n{b|增长2%}";
},
position: 'center',
show: true,
textStyle: {
fontSize: '14',
fontWeight: 'normal',
color: '#fff'
}
}
},
itemStyle: {
normal: {
color: '#ef45ac',
shadowColor: '#ef45ac',
shadowBlur: 0
}
}
}, {
value: 100,
name: 'invisible',
itemStyle: {
normal: {
color: '#412a4e'
},
emphasis: {
color: '#412a4e'
}
}
}]
}]
}