效果图
option = {
series: [
{
name: '1',
type: 'gauge',
center: ['50%', '55%'], // 默认全局居中
radius: '100%',
min: 0,
max: 400,
splitNumber: 10,
axisLine: { // 坐标轴线
lineStyle: { // 属性lineStyle控制线条样式
color: [
[80 / 100, '#FFB82A'],//根据实际数据动态改变
[1, '#525C66'],
],
width: 20, //半径
shadowColor: '#fff', //默认透明
shadowBlur: 1
}
},
pointer: {
show:false
},
axisLabel: {
show:true,
// 坐标轴小标记
textStyle: { // 属性lineStyle控制线条样式
fontWeight: 'bolder',
color: 'transparent', //刻度数字颜色 隐藏
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
axisTick: { // 坐标轴小标记
length: 11, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: 'transparent', //坐标轴 小刻度线颜色
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
splitLine: { // 分隔线
length: 20, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
width: 3,
color: 'transparent', //分割线
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
title: {
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder',
fontStyle: 'italic',
color: '#000',
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
detail: { //show : true ,
borderColor: '#fff',
shadowColor: '#fff', //默认透明
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder',
fontSize: 60,
color: '#000',
},
formatter: '{value}%',
offsetCenter: ["0", '5%']
},
data: [
{ value: 80, name: "" }
]
}
]
};