option = {
backgroundColor:"#061740",
series: [
//仪表盘进度
{
type: "gauge",
startAngle: 0,
endAngle:180,
min:0,
max:1.8,
splitNumber:12,
clockwise:false,
itemStyle:{
color:'#14b749'
},
progress:{
show:true,
roundCap:true,
width:13,
},
pointer: {
show: false,
},
//灰色部分
axisLine: {
//两端显示成圆形
roundCap:true,
lineStyle:{
width:13
}
},
axisTick: {
show:false,
splitNumber:2,
lineStyle:{
width:2,
color:'#999'
}
},
splitLine:{
show:false,
length:12,
lineStyle: {
width:3,
color:'red'
}
},
axisLabel: {
show: false,
},
title:{
show:false
},
//仪表盘详情，用于显示数据
detail: {
show: true,
offsetCenter:[0,-50],
valueAnimation:true,
formatter:(value)=>{
return `{label|当前水平}\n`+`{value|中位}`
},
rich:{
label:{
fontSize:18,
color:'#666'
},
value:{
fontSize:18,
color:'#14b749'
}
}
},
data:[
{value:0.82}]
},
//仪表盘半圆
{
type: 'pie',
z:0,
emphasis: {
scale: false
},
label: {
show: false
},
center: ['50%', '51%'],
radius: ['0%', '65%'],
startAngle: 180,
data: [
{
name: '',
value: 100,
itemStyle: {
color: '#fff'
}
},
{
name: '',
value: 100,
itemStyle: {
color: 'transparent'
}
}
]
},
//刻度
{
z:99,
type: 'gauge',
min: 0,
max: 20,
splitNumber: 4, //刻度数量
center: ['50%', '50%'],
radius: '65%',
startAngle: 180,
endAngle: 0,
axisLine: {
show: false
},
axisLabel: {
show: false
},
axisTick: {
show: true,
splitNumber: 7,
length:8,
lineStyle: {
color: '#ddd',
width: 2
},
},
splitLine: {
show: true,
length: -8,
lineStyle: {
color: '#ddd',
width: 2
}
},
detail: {
show: false
},
pointer: {
show: false
}
}
]
}