配置项如下
option = {
backgroundColor: '#000',
"series": [{
"title": {
"show": false
},
"name": "",
"type": "gauge",
"min": 0,
"max": 100,
"splitNumber": 10,
"startAngle": 210,
"endAngle": -30,
"center": ["50%", 440],
"radius": 294.4,
'axisTick': {
show: false
},
'axisLabel': {
show: false
},
'splitLine': {
show: false
},
"axisLine": {
"lineStyle": {
"width": 1,
"color": [
[1, {
"x": "0.00",
"y": "0.00",
"x2": "1.00",
"y2": "1.00",
"type": "linear",
"global": false,
"colorStops": [{
"offset": 0,
"color": "#09BBD6"
}, {
"offset": 1,
"color": "#09BBD6"
}, {
"offset": 0.3579,
"color": "#09BBD6"
}, {
"offset": 0.6895,
"color": "#09BBD6"
}, {
"offset": 0.1211,
"color": "#09BBD6"
}, {
"offset": 0.8105,
"color": "#09BBD6"
}]
}]
]
}
},
"pointer": {
"show": true,
length: '115%',
width: 10, //指针粗细
},
"itemStyle": {
color: '#09BBD6',
borderColor: '#09BBD6',
borderWidth: 2,
shadowColor: '#09BBD6',
shadowBlur: 20,
},
"detail": {
"show": false
},
"data": [{
"value": 50,
"name": "半圆仪表_0"
}]
}, {
"title": {
"show": false
},
"name": "",
"type": "gauge",
"min": 0,
"max": 100,
"splitNumber": 1,
"startAngle": 210,
"endAngle": -30,
"center": ["50%", 440],
"radius": 320,
"axisLine": {
"lineStyle": {
"width": 25.6,
"color": [
[0.5, {
"x": "0.00",
"y": "0.00",
"x2": "1.00",
"y2": "1.00",
"type": "linear",
"global": false,
"colorStops": [{
"offset": 0,
"color": "#09BBD6"
}, {
"offset": 0.3579,
"color": "rgba(12,169,209,0.6)"
}, {
"offset": 0.55,
"color": "rgba(12,169,209,0.4)"
}]
}],
[1, "rgba(0,0,0,0)"]
]
}
},
"pointer": {
"show": false
},
"axisTick": {
"show": false
},
"axisLabel": {
"show": false
},
"splitLine": {
"show": false
},
"detail": {
"show": false
}
}, {
"title": {
"show": false
},
"name": "",
"type": "gauge",
"min": 0,
"max": 100,
"splitNumber": 1,
"startAngle": 210,
"endAngle": -30,
"center": ["50%", 440],
"radius": 320,
"axisLine": {
"lineStyle": {
"width": 2,
"color": [
[1, {
"x": "0.00",
"y": "0.00",
"x2": "1.00",
"y2": "1.00",
"type": "linear",
"global": false,
"colorStops": [{
"offset": 0,
"color": "#09BBD6"
}, {
"offset": 1,
"color": "#09BBD6"
}, {
"offset": 0.3579,
"color": "#09BBD6"
}, {
"offset": 0.6895,
"color": "#09BBD6"
}, {
"offset": 0.1211,
"color": "#09BBD6"
}, {
"offset": 0.8105,
"color": "#09BBD6"
}]
}]
]
}
},
"pointer": {
"show": false
},
"axisTick": {
"show": false
},
"axisLabel": {
"show": false
},
"splitLine": {
"length": 25.6,
"lineStyle": {
"width": 2,
"color": {
"x": "0.00",
"y": "0.00",
"x2": "1.00",
"y2": "1.00",
"type": "linear",
"global": false,
"colorStops": [{
"offset": 0,
"color": "#09BBD6"
}, {
"offset": 1,
"color": "#09BBD6"
}, {
"offset": 0.3579,
"color": "#09BBD6"
}, {
"offset": 0.6895,
"color": "#09BBD6"
}, {
"offset": 0.1211,
"color": "#09BBD6"
}, {
"offset": 0.8105,
"color": "#09BBD6"
}]
}
}
},
"detail": {
"show": false
}
}],
"grid": {
"top": 16,
"left": 16,
"right": 16,
"bottom": 16,
"containLabel": false
}
}