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为例。

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

1 个答案: