效果
代码
option = {
backgroundColor: ['#fff'],
grid: {
top: 10,
},
series: [{
type: 'gauge',
startAngle: 180,
endAngle: 0,
radius: '100%',
center: ['50%', '80%'],
axisTick: {
show: false,
},
splitLine: {
show: false,
},
axisLabel: {
show: false,
},
detail: {
offsetCenter: [0, -150],
textStyle: {
fontSize: 100,
fontWeight: '900',
color: '#ff802c'
},
formatter: function(value) {
return value;
},
},
pointer: {
show: false
},
min: 0,
max: 100,
axisLine: {
lineStyle: {
width: 3,
color: [
[0.9, '#ff802c'],
]
}
},
data: [{
value: 81.25
}]
},
{
"name": 'backgroundColor',
"type": 'pie',
"hoverAnimation": false,
"legendHoverLink": false,
"radius": '100%',
"center": ['50%', '80%'],
"z": -10,
"startAngle": 0,
"hoverAnimation": false,
"legendHoverLink": false,
"label": {
"normal": {
"show": false,
"position": 'center'
},
"emphasis": {
"show": false
}
},
"labelLine": {
"normal": {
"show": false
}
},
"data": [{
"value": 100,
"name": '1',
itemStyle: {
normal: {
color: "transparent"
}
}
}, {
"value": 100,
"name": '2',
itemStyle: {
normal: {
color: "#FBE6D7"
}
}
}]
}
]
}