如何在highcharts中定位轴标签

Question

我有附加的图表输出。

如何将轴的名称精确地放在轴上，而不是将其放在轴之间（即：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

                });

有没有人可以帮我解决这个问题。提前谢谢。

Answer 1

我相信您正在寻找tickMarkPlacement option和pointPlacement选项的组合。

xAxis: {
    tickmarkPlacement: 'on', // add this!
    type: "",
    categories: sorted_names,           
    labels: {
        formatter: function () {
            return this.value + '°';
        }
    }
},

在情节选项中：

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

这里是fiddle demonstration。