系列的日期时间格式 - Highcharts

问题描述 投票:0回答:1

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

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

我该怎么解决这个问题?我正在研究铁轨上的红宝石

ruby-on-rails ruby-on-rails-4 highcharts
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.