【问题标题】:Highcharts date not showing correctly on x-axisHighcharts 日期未在 x 轴上正确显示
【发布时间】:2015-05-18 20:58:23
【问题描述】:

我是 highcharts 的新手,使用 arearange 很简单。我正在尝试设置要绘制的数据,这在“技术上”是有效的。它以纪元时间读取,所以我已经完成了所有设置。所有日期都是正确的。然而,当它被绘制成图表时,无论出于何种原因,它似乎只是在 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,这是为什么呢?

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2013-12-12
      • 2018-12-04
      • 2023-04-05
      • 1970-01-01
      • 2017-05-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多