如何在highcharts中将时间戳显示为日期？答案

【问题标题】：How to display time stamp as date in higcharts?如何在highcharts中将时间戳显示为日期？
【发布时间】：2015-11-30 05:52:00
【问题描述】：

我正在构建一个应用程序，它从 facebook api 获取数据并使用 HighCharts 生成图表。

图表生成成功，但我得到的日期是时间戳格式。如何将其转换为实际的日期格式。

代码如下：

 xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: { // don't display the dummy year
                month: '%e. %b',
                year: '%b'
            },
            title: {
                text: 'Date'
            }
        },

数据：

   series: [{"data": [["2015-11-15T08:00:00+0000", 55], ["2015-11-16T08:00:00+0000", 45], ["2015-11-17T08:00:00+0000", 32], ["2015-11-18T08:00:00+0000", 54], ["2015-11-19T08:00:00+0000", 34], ["2015-11-20T08:00:00+0000", 1]], "name": "page_views"}, {"data": [["2015-11-15T08:00:00+0000", 23], ["2015-11-16T08:00:00+0000", 67], ["2015-11-17T08:00:00+0000", 54], ["2015-11-18T08:00:00+0000", 23], ["2015-11-19T08:00:00+0000", 64], ["2015-11-20T08:00:00+0000", 23]], "name": "page_stories"}, {"data": [["2015-11-15T08:00:00+0000", 23], ["2015-11-16T08:00:00+0000", 64], ["2015-11-17T08:00:00+0000", 34], ["2015-11-18T08:00:00+0000", 32], ["2015-11-19T08:00:00+0000", 43], ["2015-11-20T08:00:00+0000", 43]], "name": "page_fan_adds"}]

这是JSFiddle中的应用程序

【问题讨论】：

当您加载数据时，在预处理中您需要对每个项目进行交互并通过 Date.parse / date.utc 进行转换。在输出中，您会收到时间戳。
@SebastianBochan 感谢您的回复，我知道这会起作用，但我想知道是否有直接的方法可以在 highcharts 中绑定
目前没有内置的数据解析器，您可以在我们的用户语音中发表您的建议：highcharts.uservoice.com
好的，谢谢建议

标签： angularjs date datetime highcharts

【解决方案1】：

我不确定我们是否可以从 facebook API 获取任何格式的日期。过去，一旦我检索到相同的日期，我就在代码中转换了日期。

下面是我用 VB.NET 实现的。

  DateVariable.ToString().Substring(0, 10)).ToString("dd MMM yyyy")

希望对你有所帮助。

【讨论】：