Highcharts日期在x轴上未正确显示

时间:2015-05-18 20:58:24

标签: javascript highcharts

我是高等仪表的新手,并且使用区域范围工作一直很简单。我正在尝试设置要绘制的数据,这在技术上是有效的。它在大纪元时间读取,所以我有所有设置。所有日期都是正确的。然而,当它被绘制时,无论出于什么原因,它似乎只是在x轴上用月份/日期说“01/17”。这些日期是跨越多个月,您可以在下面提供的小提琴中看到它。

http://jsfiddle.net/4azb64t7/

var data = [
    [1419465600, 5, 20],
    [1420848000, 20, 30],
    [1422144000, 30, 40],
    [1423526400, 45, 50],
    [1424390400, 35, 40],
    [1425168000, 30, 35]
];

(function ($) {
    $(function () {
        $('#container').highcharts({

            chart: {
                type: 'arearange',
                zoomType: 'x'
            },

            title: {
                text: 'Amount of daily players'
            },

            xAxis: {
                type: 'datetime',
                labels: {
                    formatter: function () {
                        return Highcharts.dateFormat('%m/%d', this.value);
                    }
                },
                tickPixelInterval: 200
            },

            yAxis: {
                title: {
                    text: null
                }
            },

            tooltip: {
                crosshairs: true,
                shared: true,
                valueSuffix: 'players'
            },

            legend: {
                enabled: false
            },

            series: [{
                name: 'Players',
                data: data
            }]
        });
    });
})(jQuery);

在var数据中,它按历元时间,然后是区域范围图表的低/高数字。从上到下,按日期排序。 但是如果看一下输出,他们都说01/17,为什么会这样?

1 个答案:

答案 0 :(得分:2)

highcharts的时间图必须为毫秒http://jsfiddle.net/4azb64t7/2/

var data = [
    [142084800000, 20, 30],
    [142214400000, 30, 40],
    [142352640000, 45, 50],
    [142439040000, 35, 40],
    [142516800000, 30, 35]
];