X轴高图日期时间间隔

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/