javascript - Highcharts 在 xAxis 上缺少第一个日期标签

Question

我在使用 Highcharts 图表时遇到了一些问题。我想每天用日期时间轴制作图表，但是 Highcharts 切断了 x 轴上的第一个日期标签，它应该从今天的日期开始而不是明天。虽然工具提示显示日期很好。是否有一些我缺少的 Highcharts 设置无法使其正常工作？我将不胜感激你的帮助。谢谢。

代码:

var s = {
        min: 0,
        max: 50,
        totalPoints: 12
    };

function getRandomData() {
    var data  = [],
        date  = new Date().getTime(),
        res   = [],
        numb;

    for (var i = 0; i < s.totalPoints; i += 1) {
        if (i > 0) date += 24 * 3600 * 1000;
        numb = Math.floor(Math.random() * (s.max - s.min + 1) + s.min);
        res.push([date, numb]);
    }


    return res;
}


$(function () {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'container',
        },

        xAxis: {
            type: 'datetime',
            tickInterval: 24 * 3600 * 1000
        },
        series: [{
            data: getRandomData()
        }]

    });
});

直播: jsfiddle

Answer 1

要在 datetime 刻度之间显示第一个和最后一个刻度，您可以使用 xAxis.startOnTick 和 xAxis.endOnTick 设置为 true。

我已经 updated your JFiddle举个例子。