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

编辑：

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

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

实时演示： https://jsfiddle.net/BlackLabel/vgp46bhw/