javascript - HighCharts 日期格式

Question

我有一个应用程序可以向我返回 JSON 日期，我将其显示在 Highcharts 条形图上。 x 轴的字段是日期，它从服务器返回的是 JSON 格式，例如:"date":"2016-11-15T00:00:00.000Z"

我想在 x 轴上将日期显示为 2016-11-15，或者更好，以本地日期格式显示它，在本例中为 2016-11-14，因为它是 GMT-5小时。

我已经阅读了文档，但它似乎不起作用。感谢您的帮助!!

Answer 1

您可以使用 Date 构造函数将 ISO 字符串日期解析为 js 日期。然后获取以毫秒为单位的时间戳 - 这是 Highcharts 所需的格式。

new Date("2016-11-15T00:00:00.000Z").getTime(),

在格式属性中，您可以定义日期的显示方式。

 xAxis: {
  type: 'datetime',
  labels: {
    format: '{value:%Y-%m-%d}',
  }
},

示例:http://jsfiddle.net/akehpzq4/4/

本地时间，请参阅 useUTC选项。