option = {
backgroundColor: "#010e19",
title: {
text: 75+'\n{a|%}',
textStyle: {
fontSize: 14,
fontWeight: 'bold',
color: '#caffff',
rich: {
a: {
fontSize: 12,
color:"#59a8dc"
}
}
},
x: 'center',
y: 'center'
},
grid: {
top: '0',
right: '0',
bottom: '0',
left: 0,
},
xAxis: { // x轴
show: false, // 不显示
},
yAxis: { // y轴
show: false, // 不显示
},
series: [{
type: 'liquidFill',
radius: '97%', // 半径大小
center: ['50%', '50%'], // 布局位置
data: [
{
value: 0.75,
direction: 'left',
itemStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 1,
color: 'rgba(102,137,212,0)'
}, {
offset: 0.5,
color: 'rgba(102,137,212,0.2)'
}, {
offset: 0,
color: 'rgba(102,137,212,0.8)'
}],
globalCoord: false
}
}
}
},
{
value: 0.75,
direction: 'left',
itemStyle: {
normal: {
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [{
offset: 1,
color: 'rgba(5,34,95, 0)'
}, {
offset: 0.5,
color: 'rgba(5,34,95, 0.2)'
}, {
offset: 0,
color: 'rgba(5,34,95, 0.8)'
}],
globalCoord: false
}
}
}
}
], // 水球波纹值
outline: { // 轮廓设置
show: true,
borderDistance: 2, // 轮廓间距
itemStyle: {
borderColor: '#6689d4', // 轮廓颜色
borderWidth:2, // 轮廓大小
shadowBlur: 'none', // 轮廓阴影
}
},
label: {
normal: {
formatter: '',
textStyle: {
fontSize: 12,
color: '#00c0ff',
rich: {
a: {
fontSize: 12,
}
}
}
}
},
backgroundStyle: {
color: "transparent",
},
},
]
};