const value = 0.3421
option = {
backgroundColor: '#0d2d42',
title: [
{
text: '停车场',
top: '25%',
left: '44%',
textStyle: {
fontSize: '25',
fontWeight: '400',
color: '#fff'
}
},
{
text: '已使用车位',
top: '31%',
left: '40.8%',
textStyle: {
fontSize: '25',
fontWeight: '400',
color: '#fff'
}
},
{
text: '34.21%',
top: '49%',
left: '36%',
textStyle: {
fontSize: '60',
fontWeight: '500',
color: '#fff'
}
}
],
series: [
{
name: '最外层-虚线',
type: 'gauge',
radius: '74%',
startAngle: 0,
endAngle: 360,
axisLine: {
show: false
},
axisTick: {
distance: -6,
length: 2,
lineStyle: {
color: '#2AECFF',
width: 5,
type: [20],
dashOffset: 19,
opacity: 0.8
},
splitNumber: 6
},
splitLine: {
show: false
},
axisLabel: {
show: false
},
pointer: {
show: false
}
},
{
type: 'liquidFill',
radius: '68%',
z: 5,
center: ['50%', '50%'],
amplitude: 14,
backgroundStyle: {
color: '#0d2d42'
},
color: [
{
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 1,
color: '#0061A2'
},
{
offset: 0,
color: '#00FFE5'
}
],
globalCoord: false
},
{
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 1,
color: '#0061A2'
},
{
offset: 0,
color: '#00FFE5'
}
],
globalCoord: false
},
{
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 1,
color: '#0061A2'
},
{
offset: 0,
color: '#00FFE5'
}
],
globalCoord: false
}
],
data: [
value + 0.02,
{
value: value - 0.01,
direction: 'left'
},
value - 0.01
],
label: {
normal: {
formatter: ''
}
},
outline: {
show: true,
borderDistance: 0,
itemStyle: {
borderWidth: 2,
borderColor: '#2AECFF'
}
}
}
]
};