如何将纪元转换为 Angular 中的可读日期以便在 Chartist 中使用

How to convert epoch to readable dates in Angular to use in Chartist

这里我得到了一组 date/time 个时期

ApiFactory.getTweetQuotes(the_ticker).then(function(data) {
    // Create epoch array:
    for (var i = 0; i < data.data.quotes.length; i++) {                    
        vs.tweet_epochs.push(data.data.quotes[i].start_epoch);
    }

    console.log(vs.tweet_epochs);

    initChart();
    vs.loadingChart = true;
});

vs.tweet_epochs 看起来是这样安慰的:

我正在使用 Chartist,目前打印出来的效果不是很好:

我在这里 Convert UTC Epoch to local date with javascript 找到了这个答案,但是它只是向每个纪元添加了 3 个 0,而不是将它们转换为日期。

如果您需要慈善代码:

var initChart = function() {
    var data = {

        labels: vs.tweet_epochs,
        series: [
            vs.tweet_vol
        ]
    };

    // Chart options:
    var options = {
        showPoint: true,
        showArea: true,
        lineSmooth: true,
        fullWidth: true,
        axisX: {
            showGrid: false,
            showLabel: true
        },
        axisY: {
            offset: 40,
            labelInterpolationFnc: function(value) {
                return '$' + value;
            }
        }
    };

    var chart = new Chartist.Line('.ct-chart', data, options);

}

考虑使用 momentjs 创建一个使用 Unix 时间戳的日期。然后就可以随便输出了

http://momentjs.com/docs/#/parsing/unix-timestamp/

var date = new Date(TIME)

其中 TIME 是以 MILI 秒为单位的纪元时间,也就是说,如果你有一个以秒为单位的纪元时间,你应该乘以 1000。

我不知道 Chartist 如何处理 Date 对象,但是你有很多方法来获取日期的所有可读部分:

date.getDate date.getDay date.getFullYear date.getHours date.getMilliseconds date.getMinutes date.getMonth date.getSeconds date.getTime date.getTimezoneOffset date.getUTCDate date.getUTCDay date.getUTCFullYear date.getUTCHours date.getUTCMilliseconds date.getUTCMinutes date.getUTCMonth date.getUTCSeconds date.getYear date.setDate date.setFullYear date.setHours date.setMilliseconds date.setMinutes date.setMonth date.setSeconds date.setTime date.setUTCDate date.setUTCFullYear date.setUTCHours date.setUTCMilliseconds date.setUTCMinutes date.setUTCMonth date.setUTCSeconds date.setYear date.toDateString date.toGMTString date.toISOString date.toJSON date.toLocaleDateString date.toLocaleTimeString date.toTimeString date.toUTCString