HighCharts日期格式

HighCharts Date format

本文关键字：格式 日期 HighCharts      更新时间：2023-09-26

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

我想将x轴上的日期显示为2016-11-15，或者更好地显示为本地日期格式，在这种情况下将显示为2016-11-14，因为它是GMT-5小时。

我已经阅读了文档，但它似乎不起作用。任何帮助都是感激的!!

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

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

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

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

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

使用useUTC选项设置本地时间。

您可以使用此函数返回格式日期

function ReadDate(dateTM) {
    var date = new Date(parseInt(dateTM.replace("/Date(", "").replace(")/", ""), 10));
    if (date.getFullYear() > 1 && date.getFullYear() != 1900) {
        return (date.getDate() + '/' + (date.getMonth() + 1) + '/' + date.getFullYear());
    } else return ""
}

你可以在这个链接阅读指南，我如何格式化微软JSON日期?

相关文章：