如何更改使用 highcharts 创建的雷达（极坐标）图中的框架线样式？

Question

我正在寻找更改雷达图中某些框架线的设置。

我想定制的线路有3种：

外面的红色三角线。
从中心到每个角的 3 条蓝线。
绿色小三角形。

我搜索了很多，但完全没有头绪。我尝试更改 yAxis 的 lineWidth，但它只更改了上垂直线的宽度。

下面是代码。它使用最新的 highcharts 来呈现图表，截至 Sep 12 2021 当我写这个问题时，它是 9.2.2:

window.chart = Highcharts.chart('container', {
  chart: {
    plotBackgroundColor: null,
    plotBorderWidth: null,
    plotShadow: false,
    polar: true,
    type: 'area'
  },
  title: {
    text: "radar chart title",
    margin:33,
    useHTML:true
  },
  tooltip: {
    pointFormat: '<span style="color:{series.color}"><b>{point.y:,.0f}</b>'
  },
  plotOptions: {
    animation:true
  },
  xAxis: {
    categories: ["a","b","c"],
    tickmarkPlacement: 'on',
    lineWidth: 0
  },
  yAxis: {
    gridLineInterpolation: 'polygon',
    lineWidth: 4,
    min: 0,
    max:100
  },
  legend: {
    enabled: false
  },
  credits: {
    enabled: false
  },
  series: [{
    name: "Haha",
    animation:true,
    data: [52,119, 12],
    lineWidth:4
  }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>

<div id="container" style="height: 400px"></div>

Answer 1

为 y 轴使用绘图线：

yAxis: {
    ...
    plotLines: [{
        color: 'red',
        value: 100,
        zIndex: 2
    }]
}

X轴使用gridLineColor:

xAxis: {
    ...,
    gridLineColor: 'blue'
}

对 y 轴使用 gridLineColor：

yAxis: {
    gridLineColor: 'green',
    ...
}

现场演示： http://jsfiddle.net/BlackLabel/fm45ab3k/

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

如何更改使用 highcharts 创建的雷达（极坐标）图中的框架线样式？

How do I change the style of the frame lines in a radar(polar) chart created with highcharts?

highcharts

radar-chart