bash
复制代码
option = {
series: [
{
type: 'gauge',
center: ['30%', '50%'],//圆环位置
radius: '40%',//圆环大小
startAngle: 250,
endAngle: -110,
itemStyle: {
color: 'red'
},
pointer: {
show: false
},
progress: {
show: true,
overlap: false,
roundCap: true,
clip: false,
itemStyle: {
borderWidth: 1,
borderColor: '#4ED1Ff'
}
},
axisLine: {
lineStyle: {
width: 40//圆环的宽度
}
},
splitLine: {//表盘大刻度线
show: false,
distance: 0,
length: 10
},
axisTick: {//表盘小刻度线
show: false
},
axisLabel: {//表盘刻度线数值
show: false,
distance: 50
},
itemStyle: {
normal: {
opacity: 1,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#4ED1Ff'
},
{
offset: 1,
color: '#287BFF'
}
]),
shadowBlur: 5,
shadowColor: 'rgba(116, 178, 244, 0.33)'
}
},
data: [
{
value: 84.0,
name: '环比',
title: {
offsetCenter: ['0%', '-25%']
},
detail: {
valueAnimation: true,
offsetCenter: ['0%', '0%']
}
}
],
pointer: {//指针
show: false
},
title: {
fontSize: 14,
color: '#CACACA',
},
detail: {
// width: 50,
// height: 14,
fontSize: 30,
color: 'red',
// borderColor: 'inherit',
// borderRadius: 20,
// borderWidth: 1,
formatter: '{value}%',
fontWeight: 'normal'
}
},
{
type: 'gauge',
center: ['70%', '50%'],//圆环位置
radius: '40%',//圆环大小
startAngle: 250,
endAngle: -110,
itemStyle: {
color: 'red'
},
pointer: {
show: false
},
progress: {
show: true,
overlap: false,
roundCap: true,
clip: false,
itemStyle: {
borderWidth: 1,
borderColor: '#2DC0C5'
}
},
axisLine: {
lineStyle: {
width: 40//圆环的宽度
}
},
splitLine: {//表盘大刻度线
show: false,
distance: 0,
length: 10
},
axisTick: {//表盘小刻度线
show: false
},
axisLabel: {//表盘刻度线数值
show: false,
distance: 50
},
itemStyle: {
normal: {
opacity: 1,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#2DC0C5'
},
{
offset: 1,
color: '#17BE67'
}
]),
shadowBlur: 5,
shadowColor: 'rgba(116, 178, 244, 0.33)'
}
},
data: [
{
value: 70.0,
name: '同比',
title: {
offsetCenter: ['0%', '-25%']
},
detail: {
valueAnimation: true,
offsetCenter: ['0%', '0%']
}
}
],
pointer: {//指针
show: false
},
title: {
fontSize: 14,
color: '#CACACA',
},
detail: {
// width: 50,
// height: 14,
fontSize: 30,
color: 'red',
// borderColor: 'inherit',
// borderRadius: 20,
// borderWidth: 1,
formatter: '{value}%',
fontWeight: 'normal'
}
}
]
};