x轴上的Highchart日期时间间隔

Question

我的折线图如下图所示我正在使用下面的代码来设置x轴标签：

xAxis: [ 
{
type: 'datetime',
dateTimeLabelFormats:{
day: '%d %b %Y'    //ex- 01 Jan 2016
},
startOnTick: true,
endOnTick: true,
showLastLabel: true,
labels: {
rotation: -45
}
}
]

有没有办法在x轴上显示日期和时间间隔？目前，它仅在x轴上显示时间。

Answer 1

对于日期时间轴，刻度将自动调整为适当的单位。 dateTimeLabelFormats仅定义图表如何表示该比例。

如果要强制xAxis显示整个日期，则必须在标签中指定xAxis标签的格式，如下所示：

xAxis: [{
 type: 'datetime',
 dateTimeLabelFormats:{
  day: '%d %b %Y'    //ex- 01 Jan 2016
 },
 startOnTick: true,
 endOnTick: true,
 showLastLabel: true,
 labels: {
  rotation: -45,
  //Specify the formatting of xAxis labels:
  format: '{value:%Y-%m-%d %H:%M}'},

 }
}]

您可以在这里阅读更多内容：https://api.highcharts.com/highcharts/xAxis.labels.format

例如，您也可以在此处进行测试（添加格式：'{value：％Y-％m-％d}'））：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/datetimelabelformats/