option = {
"backgroundColor": "rgba(0,0,0,1)",
"series": [{
"type": "gauge",
"name": "",
"radius": "65%",
"startAngle": "0",
"endAngle": "-359.99",
"center": ["50%", "50%"],
"splitNumber": 80,
"pointer": {
"show": false
},
"title": {
"show": false
},
"detail": {
"show": false
},
"axisLine": {
"lineStyle": {
"width": 20,
"opacity": 0
}
},
"axisTick": {
"show": false
},
"splitLine": {
"show": true,
"length": 20,
"lineStyle": {
"color": {
"type": "linear",
"colorStops": [{
"offset": 0,
"color": "rgba(226, 4, 255, 1)"
}, {
"offset": 1,
"color": "rgba(251, 255, 0, 1)"
}]
},
"width": 2,
"type": "solid"
}
},
"axisLabel": {
"show": false
}
}, {
"name": "pie",
"type": "pie",
"roundCap": true,
"clockWise": true,
"startAngle": 260,
"labelLine": {
"show": false
},
"radius": ["75%", "95%"],
"hoverAnimation": false,
"center": ["50%", "50%"],
"data": [{
"label": {
"normal": {
"position": "center",
"show": true,
"textStyle": {
"fontSize": 25,
"fontWeight": "bolder",
"fontStyle": "italic",
"fontFamily": "",
"color": "#fff"
},
"formatter": "50.8%"
}
},
"itemStyle": {
"normal": {
"color": {
"x": 0,
"y": 1,
"x2": 1,
"y2": 0,
"type": "linear",
"global": false,
"colorStops": [{
"offset": 0,
"color": "rgba(204, 0, 255, 1)"
}, {
"offset": 1,
"color": "rgba(255, 251, 0, 1)"
}]
}
}
},
"value": 50.8
}, {
"name": "",
"itemStyle": {
"normal": {
"color": "rgb(26,62,98)"
}
},
"value": 49.2
}]
}]
};