let option = {
series: [
{
name: '',
type: 'gauge',
splitNumber: 4, //刻度数量
startAngle: 180, //开始角度 左侧角度
endAngle: 0, //结束角度 右侧
min: 0,
max: 100,
radius: '150%', //图表尺寸
center: ['50%', '80%'],
title: {
show: true,
offsetCenter: [0, 0], // x, y,单位px
textStyle: {
color: '#000000',
fontSize: 12,
},
},
detail: {
show: true,
offsetCenter: [0, -20],
color: '#000000',
fontSize: 14,
formatter: '{value}%',
},
axisLine: {
show: false,
lineStyle: {
width: 0,
shadowBlur: 0,
color: [
[0.75, '#3194f8'],
[1, '#ccc'],
],
},
},
axisTick: {
show: true,
lineStyle: {
color: 'auto',
width: 2,
},
length: 25,
splitNumber: 6,
},
splitLine: {
show: false,
},
axisLabel: {
show: false,
},
pointer: {
show:false
},
data: [ //需要动态修改
{
name: '资源占比',
value: 75,
},
],
},
{ //内测小点
name: '',
type: 'gauge',
splitNumber: 4,
startAngle: 180,
endAngle: 0,
min: 0,
max: 100,
radius: '100%', //图表尺寸
center: ['50%', '80%'],
detail:{
show:false
},
title:{
show:false
},
axisLine: {
show: false,
lineStyle: {
width: 0,
shadowBlur: 0,
color: [
[0.75, '#3194f8'],
[1, '#ccc'],
],
},
},
axisTick: {
show: true,
lineStyle: {
color: 'auto',
width: 1,
},
length: 1,
splitNumber: 5,
},
splitLine: {
show: false,
},
axisLabel: {
show: false,
},
pointer: {
show:false
},
data: [75], //需要动态修改
},
],
};
export default option;
10-16