javascript - and - Highcharts falta la etiqueta de la primera fecha en xAxis

labels highcharts

Question

Tengo algún problema con el gráfico de Highcharts. Quiero hacer un gráfico con el eje de fecha y hora todos los días, pero Highcharts corta la etiqueta de la primera fecha en el eje x, debe comenzar a partir de la fecha de hoy no tomarrow. La información sobre herramientas muestra bien la fecha. ¿Hay alguna configuración de Highcharts que me falta para que funcione? Apreciaría tu ayuda. Gracias.

Código:

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()
        }]

    });
});

En vivo: jsfiddle

Answer 1

Para mostrar el primer y último tic mientras tiene puntos que están entre sus ticks para datetime , puede usar xAxis.startOnTick y xAxis.endOnTick establecido en true .

He actualizado tu JFiddle como ejemplo.