let value = 58; //图上角度数据
option = {
backgroundColor:"#061740",
title: {
text: '{a|'+ value +'}{c|%}',
x: 'center',
y: 'center',
textStyle: {
rich:{
a: {
fontSize: 65,
color: '#ffffff',
fontWeight: 'bold'
},
c: {
fontSize: 65,
color: '#ffffff',
fontWeight: 'normal'
}
}
}
},
series: [
//外环
{
name: "外环",
type: 'pie',
silent: true,
clockwise: true,
radius: ['70%', '75%'],
label: {
show: false,
},
labelLine: {
show: false
},
itemStyle: {
color: '#223755',
},
data: [0]
},
//内环
{
name: "内环",
type: 'pie',
silent: true,
clockwise: true,
radius: ['45%', '46%'],
label: {
show: false,
},
labelLine: {
show: false
},
itemStyle: {
color: '#414f63',
},
data: [0]
},
//外环
{
name: '',
type: 'pie',
radius: ['55%', '65%'],
silent: true,
clockwise: true,
startAngle: 90,
label: {
show: false,
},
data: [
{
value: value,
itemStyle: {
normal: {
//外环发光
borderWidth: 0.5,
shadowBlur: 20,
borderColor: '#4bf3f9',
shadowColor: '#9bfeff',
color: { // 圆环的颜色
colorStops: [{
offset: 0,
color: '#15caff', // 0% 处的颜色
}, {
offset: 1,
color: '#159bfe', // 100% 处的颜色
}]
},
}
}
},
{
value: 100-value,
label: {
normal: {
show: false
}
},
itemStyle: {
normal: {
color: "#364662"
}
}
}
]
},
]
};