是否有可能删除/隐藏Highcharts在极坐标图表中自动绘制的同心圆(yAxis plotLines)?将yAxis lineWidth设置为零不起作用。此外,将yAxis plotLines设置为空数组不起作用。
这些选项成功创建了填充图表的绿色绘图带,但不在图表中创建红色绘图线。然而,在y = 5处绘制似乎是浅灰色y轴图线圆的图。这是我要删除或隐藏的行。
{
colors: COMPETITOR_COLORS,
chart: {
polar: true,
backgroundColor: 'pink',
plotBackgroundColor: KAHN_DARK_GRAY_BG,
},
title: {
text: '',
},
tooltip: {
valueDecimals: 2,
headerFormat: '<br/>',
},
legend: {
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom',
borderWidth: 0,
},
pane: {
startAngle: 0,
endAngle: 360,
},
xAxis: {
min: 0,
max: 360,
tickInterval: 45,
labels: {
format: '{}',
},
},
yAxis: {
min: 0,
max: 10,
plotLines: [{color: 'red', value: 7, width: 3}],
plotBands: [{color: 'green', from: 0, to: 10}],
labels: {
format: '{}',
},
},
plotOptions: {
series: {
pointStart: 45,
pointInterval: 90,
},
column: {
pointPadding: 0,
groupPadding: 0,
},
},
series: kahnSeries,
}
要删除的线条是网格线,而不是绘图线。要删除它们使用:
yAxis: {
gridLineWidth: 0,
...
},
现场演示:http://jsfiddle.net/BlackLabel/46xvajn5/
API参考:https://api.highcharts.com/highcharts/yAxis.gridLineWidth