series: [{
type: 'gauge',
startAngle: 180,
endAngle: 0,
min: 0,
max: 100,
splitNumber: 4,
radius: '80%',
axisLine: {
lineStyle: {
width: 20,
color: [
[1, '#E0E0E0'], // 将整个轨道设置为灰色
]
}
},
progress: {
show: true,
width: 20,
itemStyle: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 1,
y2: 0,
colorStops: [
{ offset: 0.25, color: '#FF4500' },
{ offset: 0.5, color: '#FFA500' },
{ offset: 0.75, color: '#90EE90' },
{ offset: 1, color: '#32CD32' }
]
}
}
},
pointer: {
show:false,
itemStyle: {
color: 'red'
},
width: 6
},
axisTick: {
show: false
},
splitLine: {
show: false
},
axisLabel: {
color: '#303133',
fontSize: 12,
distance: -40
},
detail: {
valueAnimation: true,
formatter: '{value}',
color: '#303133',
fontSize: 40,
offsetCenter: [0,-100]
},
title: {
offsetCenter: [0, '-10%'],
color: '#2b2b2b',
fontSize: 30,
},
data: [{
value: 76,
name:'Site Health Scroe'
}]
}]
}