系列的日期时间格式 - Highcharts

Question

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

我需要将此日期 2019-04-02 21:35:04 -0600 转换为 1167868800000

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

上工作

Answer 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>

系列的日期时间格式 - Highcharts

Datetime format for series - Highcharts

ruby-on-rails

highcharts

ruby-on-rails-4