option = {
graphic: [
{
type: 'text',
left: 'center',
top: '30%',
style: {
text: '48569',
textAlign: 'center',
fill: '#c9eff5',
fontSize: 36,
width: 30,
height: 30,
color: '#c9eff5'
}
},
{
type: 'text',
left: 'center',
top: '50%',
style: {
text: '总数',
textAlign: 'center',
fill: '#c9eff5',
width: 30,
height: 30,
fontSize: 36,
color: '#c9eff5'
}
}
],
series: [
{
type: 'gauge',
startAngle: 0,
endAngle: -360,
color: ['#01fefd', '#00bafe', '#0282ff', '#0054fd', '#342afd'],
pointer: {
show: false
},
progress: {
show: true,
overlap: false,
roundCap: false,
clip: true,
itemStyle: {
borderWidth: 1,
borderColor: '#464646'
}
},
axisLine: {
lineStyle: {
width: 40,
opacity: 0
}
},
splitLine: {
show: false,
distance: 0,
length: 10
},
axisTick: {
show: false
},
axisLabel: {
show: false,
distance: 50
},
data: [
{
value: 62.6,
name: '1',
title: {
//仪表盘标题
offsetCenter: ['110%', '-55%'],
color: '#01fefd',
fontSize: 16
},
detail: {
offsetCenter: ['160%', '-55%'],
color: '#01fefd',
fontSize: 16
}
},
{
value: 55.69,
name: '2',
title: {
//仪表盘标题
offsetCenter: ['110%', '-35%'],
color: '#00bafe',
fontSize: 16
},
detail: {
offsetCenter: ['160%', '-35%'],
color: '#00bafe',
fontSize: 16
}
},
{
value: 41,
name: '3',
title: {
//仪表盘标题
offsetCenter: ['110%', '-15%'],
color: '#0282ff',
fontSize: 16
},
detail: {
offsetCenter: ['160%', '-15%'],
color: '#0282ff',
fontSize: 16
}
},
{
value: 44.68,
name: '4',
title: {
//仪表盘标题
offsetCenter: ['110%', '5%'],
color: '#0054fd',
fontSize: 16
},
detail: {
offsetCenter: ['160%', '5%'],
color: '#0054fd',
fontSize: 16
}
},
{
value: 38.8,
name: '5',
title: {
//仪表盘标题
offsetCenter: ['110%', '20%'],
color: '#342afd',
fontSize: 16
},
detail: {
offsetCenter: ['160%', '20%'],
color: '#342afd',
fontSize: 16
}
}
],
title: {
fontSize: 14,
show: true
},
detail: {
show: true,
fontSize: 16,
color: 'auto',
formatter: '{value}%'
}
}
]
};