JavaScript 日期在 HighCharts 上转换为 UTC

Question

我正在解析 CSV 数据以放置在 HighCharts 图表上。我的日期字段位于第一列，如下所示:

Time, Summary
9/1/2015 12:00 AM,189
9/1/2015 12:15 AM,202

为了解析数据，我使用了这个:

var dataSeries = []
    var lines = csv.split('\n');
    $.each(lines, function (lineNo, line) {
        var items = line.split(',');
        if (lineNo !== 0) {
            var x = +new Date(items[0]),
                summary = parseInt(items[1]);
            dataSeries.push([x, summary]);
        }
    });

当数据被放置在我的图表上时，它似乎是 UTC 时间而不是 CSV 数据中指定的实际时间。我的图表从凌晨 5:00 开始，而不是凌晨 12:00。我这样设置我的图表:

 var options = { 
        chart: {
            backgroundColor: '#f6f6f6',
            renderTo: 'chart1'
        },
        xAxis: {
            title: {
                text: 'Hour'
            },
            type: 'datetime',
            dateTimeLabelFormats: {
                day: '%b %e %l:%M %P',
                hour: '%l:%M %P'
            },                    
        },
        yAxis: [{
            title: {
                text: 'Average Whatever'
            },
            min: 0,
        },{opposite: true, min: 1}],
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        series: []
    };

    var chart = new Highcharts.Chart(options);
    chart.addSeries({
        name: 'Summaries',       
        data: dataSeries,
        type: 'line',
        marker: { enabled: true }
    });
});

这是 jsfiddle 的链接.

Answer 1

在调用 highchart 之前使用下面的函数。它会阻止日期显示为 utc 日期。

$( function () {
    Highcharts.setOptions( {
        lang : {
            rangeSelectorZoom : ' '
        },
        global : {
            useUTC : false
        }
    } );
} );