option = {
series: [
{
type: 'gauge',
axisLine: {
lineStyle: {
width: 20,
color: [
[0.5, '#999'],
[0.8, '#F91026'],
[1, '#999'],
],
}
},
startAngle: 180,
endAngle: 0,
min: -100,
max: 100,
splitNumber: 2,
center: ['50%', '70%'],
itemStyle: {
color: '#1387FE',
shadowColor: 'rgba(0,138,255,0.45)',
shadowBlur: 10,
shadowOffsetX: 2,
shadowOffsetY: 2
},
pointer: {
length: '80%',
width: 12,
offsetCenter: [0, '5%']
},
axisTick: {
distance: -20,
length: 20,
lineStyle: {
width: 2,
color: '#fff'
}
},
splitLine: {
show: false,
},
axisLabel: {
distance: -60,
length: 30,
color: '#999',
fontSize: 16,
},
detail: {
lineHeight: 40,
height: 40,
borderRadius: 8,
offsetCenter: [0, '35%'],
valueAnimation: true,
color: '#F91026',
fontSize: 28,
formatter: function (value) {
return `${value}%`;
},
},
data: [{ value: 60 }]
}
]
};