HighCharts日期格式

时间:2016-11-18 01:09:01

标签: javascript json highcharts

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

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

我已经阅读了文档,但它似乎无法正常工作。任何帮助表示赞赏!!

2 个答案:

答案 0 :(得分:1)

您可以使用Date构造函数将ISO字符串日期解析为js日期。然后以毫秒为单位获取时间戳 - 这是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选项。

答案 1 :(得分:0)

您可以使用此功能返回格式日期

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 ""
}

您可以通过此链接How do I format a Microsoft JSON date?

阅读指南