Highcharts 在 2 条不同的行上写入 xaxis 值

Question

我在 x 轴上使用以下内容:

 xAxis: {
                        type: 'datetime',
                        tickInterval: 3600 * 1000, // one hour
                        tickWidth: 0,
                        gridLineWidth: 1,
                        gridLineColor: '<?php echo($gridlinecolor); ?>',
                        labels: {
                            align: 'center',
                            x: -3,
                            y: 20,
                            formatter: function() {
                                return Highcharts.dateFormat('%d-%m', this.value) + ' / '  + Highcharts.dateFormat('%l%p', this.value);
                            }
                        }
                    }

这给了我 13-02/4PM 之类的信息。

我想换一行13-02下午 4 点

我怎样才能做到这一点？

谢谢，

约翰。

Answer 1

您可以使用 html <br/> :

formatter: function() {
    return Highcharts.dateFormat('%d-%m', this.value) + '<br/>'  + Highcharts.dateFormat('%l%p', this.value);
}

fiddle 示例 here .

参见 here 部分在 Highcharts 中的 HTML 上。