极坐标高,没有y轴曲线

问题描述 投票:0回答:1

是否有可能删除/隐藏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,
}
highcharts
1个回答
1
投票

要删除的线条是网格线,而不是绘图线。要删除它们使用:

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

现场演示:http://jsfiddle.net/BlackLabel/46xvajn5/

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

© www.soinside.com 2019 - 2024. All rights reserved.