option = {
backgroundColor: '#0a142f',
color: ['#263447', '#E29F1E'],
title: [
{
text: '27%',
left: 'center',
top: '38%', // 大小可改
textStyle: {
fontSize: 56,
color: '#fff',
},
},
{
text: '周一活力值',
left: 'center',
top: '53%', // 大小可改
textStyle: {
fontSize: 52,
color: '#A8CCDE',
},
},
],
series: [
{
type: 'pie',
name: '外圆环',
radius: ['61%', '63%'],
center: ['50%', '50%'],
hoverAnimation: false,
itemStyle: {
normal: {
color: 'rgba(0, 91, 255, 0.25)',
},
},
label: {
show: false,
},
data: [100],
},
{
name: '',
type: 'pie',
radius: ['46%', '55%'],
center: ['50%', '50%'],
silent: true,
clockwise: true,
startAngle: 90,
z: 0,
zlevel: 0,
label: {
show: false,
},
labelLine: {
show: false,
},
data: [{ name: '', value: 63 }, { name: '', value: 27 }],
},
{
type: 'gauge',
radius: '59%',
center: ['50%', '50%'],
clockwise: true,
startAngle: 0,
endAngle: 359.9,
splitNumber: 80,
hoverAnimation: true,
axisTick: {
show: false,
},
splitLine: {
length: 30,
lineStyle: {
width: 2,
color: '#03102a',
},
},
axisLabel: {
show: false,
},
pointer: {
show: false,
},
axisLine: {
show: false,
},
detail: {
show: false,
},
},
],
};