javascript chartoptions Highcharts fehlt die erste Datumsbezeichnung auf xAxis



highcharts axis labels (1)

Ich habe ein Problem mit Highcharts Chart. Ich möchte ein Diagramm mit der Datetime-Achse jeden Tag erstellen, aber Highcharts schneidet das erste Datumslabel auf der X-Achse ab, es sollte vom heutigen Datum an nicht um den Morgen beginnen. Tooltip zeigt Datum jedoch gut an. Gibt es einige Highcharts-Einstellungen, die ich vermisse, damit es funktioniert? Ich würde Ihre Hilfe schätzen. Vielen Dank.

Code:

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

    });
});

Lebe weiter: Arschfeige


Answer #1

Um den ersten und letzten Tick zu zeigen, während die Punkte zwischen den Ticks für datetime , können Sie xAxis.startOnTick und xAxis.endOnTick auf true .

Ich habe Ihren JFiddle als Beispiel aktualisiert .





highcharts