X轴格式的Highcharts标签

Question

我已经尽可能地开发了Highcharts标签，但无法按照要求进行格式化

请告诉我如何格式化日期和时间，如随附的图片所示。

预期：

https://ibb.co/WV638L4

Answer 1

您不能同时使用category和datetime轴类型，这是两个互斥的值。 但是，您可以通过使用其中之一来获得所需的结果。

对于category轴类型，将pointPlacement设置为'between' ，将xAxis.labels.align为'left' ：

xAxis: {
    categories: [...],
    labels: {
        align: 'left'
    }
},
series: [{
    pointPlacement: 'between',
    data: [...]
}]

现场演示： https : //jsfiddle.net/BlackLabel/fnsuxt90/

对于datetime时间轴类型，您需要使用x和y数据值或设置pointStart和pointInterval属性：

xAxis: {
    type: 'datetime'
},
series: [{
    pointStart: 1563040800,
    pointInterval: 1000 * 60 * 30,
    data: [...]
}]

现场演示： https : //jsfiddle.net/BlackLabel/f1c59a0w/

API参考：

https://api.highcharts.com/highcharts/series.line.label

编辑：

要将标签分为两行， labels.formatter <br>标签插入labels.formatter函数中的字符串：

xAxis: {
    ...,
    labels: {
        formatter: function() {
            return this.value.split(' ').join('<br>')
        }
    }
}

现场演示： https : //jsfiddle.net/BlackLabel/vgp46bhw/