图1 圆环空缺部分(红框框部分)
pane: {
startAngle: -150,
endAngle: 150,
}
pane中如果 startAngle: -180,endAngle: 180,就是完整的圆环
图2 圆环的环形的粗细(红线箭头部分)
plotBands: [
{
from: 0,
to: 60,
color: '#5bc0de',
innerRadius: '100%',
outerRadius: '75%'
}
]
},
plotBands中的innerRadius是内部圆环设置, outerRadius指的是外部与那换设置。100%-75%=25%
图3 圆环lable的字的位置(红框框部分)
yAxis: {
labels: {
distance:10,
style:{
color:'#ccc',
fontSize: '15px',
}
}
},
yAxis–》labels–》distance 根据对圆心位置相对偏移, style部分是设置字体的颜色,大小
图4 圆环刻度上字的设置(红框框部分)
yAxis: {
labels: {
step: 2,
rotation: 'auto',
style:{
color:'#fff',
fontSize: '18px',
}
},
}
yAxis–》labels–》style 中设置颜色,字体大小
图5 圆环刻度线的显示(红框框部分)
yAxis: {
min: 0,
max: 2000, //刻度0-2000
minorTickInterval: 'auto',
minorTickWidth: 2, //大刻度线宽度
minorTickLength: 10, //大刻度线长度
minorTickColor: 'transparent', //大刻度线长度
tickPixelInterval: 30, //小刻度线间隔
tickWidth: 1,//小刻度线宽度
tickPosition: 'inside', //小刻度线位置
tickColor: '#fff', //小刻度线颜色
}
图6 去掉一些某某网站啥啥啥链接(红框框部分)
exporting: {
enabled:false
}
直接加exporting