系列的日期时间格式 - Highcharts答案

【问题标题】：Datetime format for series - Highcharts系列的日期时间格式 - Highcharts
【发布时间】：2019-04-04 00:46:12
【问题描述】：

我需要实现这个https://www.highcharts.com/demo/line-time-series，但需要像https://cdn.jsdelivr.net/gh/highcharts/highcharts@v7.0.0/samples/data/usdeur.json 这样的数据，1167868800000 是日期时间日期格式，但我不知道如何将我的数据时间传递给这种格式

我需要把这个日期2019-04-02 21:35:04 -0600 转换成这个1167868800000

我该如何解决这个问题？我正在研究 ruby on rails

【问题讨论】：

标签： ruby-on-rails ruby-on-rails-4 highcharts

【解决方案1】：

您可以使用momentjs 将您的date 转换为epoch time。

这是一个示例。

var ADBE = [
    ['2019-04-02 21:35:04',23.17],
    ['2019-04-02 22:35:04',23.78],
    ['2019-04-02 23:35:04',24.10],
    ['2019-04-03 20:35:04',23.86],
    ['2019-04-03 21:35:04',24.54]
	];
	
	ADBE = ADBE.map(function(data) { return [moment(data[0], "YYYY-MM-DD HH:mm:ss").valueOf(), data[1]]});
Highcharts.stockChart('container', { 

    rangeSelector: {
        selected: 1
    },

    legend: {
        enabled: true,
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        y: 100
    },

    series: [{
        name: 'ADBE',
        data: ADBE
    }]
});

<div id="container" style="height: 400px; min-width: 600px"></div>

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script type="text/javascript" src="https://www.highcharts.com/samples/data/three-series-1000-points.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

【讨论】：

效果很好，非常感谢您的帮助！