Javascript 如何在海图中定位轴标签

我有附带的图表输出

如何将轴的名称准确地放在轴上，而不是放在轴之间（即：N、E、S、W）

JS代码如下所示：

window.chart = new Highcharts.Chart({

                    chart: {
                        renderTo: 'container2',
                        polar: true,
                        type: 'column'
                    },

                    title: {
                        text: '24-Hours Wind Speed and Direction Chart'
                    },

                    pane: {
                        startAngle: 0,
                        endAngle: 360,
                        size: '85%'
                    },
                    legend: {
                        reversed: true,
                        enabled: false,
                        align: 'right',
                        verticalAlign: 'top',
                        y: 100,
                        layout: 'vertical'
                    },
                    xAxis: {
                        type: "",
                        categories: sorted_names,           
                        labels: {
                            formatter: function () {
                                return this.value + '°';
                            }
                        }
                    },

                    yAxis: {
                        min: 0,
                        endOnTick: true,
                        showLastLabel: false
                    },

                    plotOptions: {
                        series: {
                        //   pointStart: 0,
                        //     pointInterval: 90
                       //   pointPlacement: 'between'
                        },
                        column: {
                            pointPadding: 0,
                            groupPadding: 0
                        }
                    },

                    series: series

                });

---

有人能帮我解决这个问题吗。提前感谢。

我相信您正在寻找和选项的组合

在绘图选项中：

plotOptions: {
   series: {
       pointPlacement: 'on' // add this !
   },
   column: {
       pointPadding: 0,
       groupPadding: 0
   }
},

这是一个例子

---

您可以将其移动一点设置

xAxis

property

labels

到

align:'right'

。还有其他方法吗。就我而言，它实际上不起作用。你有什么建议吗？在我的例子中，

align:'right'

逆时针移动一点。我不知道是否有解决办法。谢谢你的回复。太棒了。这是美丽的。：-）谢谢

plotOptions: {
   series: {
       pointPlacement: 'on' // add this !
   },
   column: {
       pointPadding: 0,
       groupPadding: 0
   }
},