Question

是否可以删除/隐藏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,
}

Answer 1

要删除的线是网格线，而不是绘图线。要删除它们，请使用：

yAxis: {
    gridLineWidth: 0,
    ...
},

实时演示：http://jsfiddle.net/BlackLabel/46xvajn5/

API参考：https://api.highcharts.com/highcharts/yAxis.gridLineWidth

高图极坐标，没有y轴绘图线

1 个答案: