Highcharts de la Date/de l'Heure et de l'Axe des X

Je suis à la recherche d'un exemple simple de la façon de faire de l'affichage de la durée d'une heure par incréments pour une période de 24 heures à la, de 8 h, 9 h, etc... le long de l'axe des abscisses. Les données à tracer sera comme suit [temps, de relevé de compteur]. Toutes mes tentatives à ce jour n'ont pas fonctionné.

Veuillez indiquer si d'autres détails doivent être fournis.

Poster votre code afin de ne pas suggérer quelque chose que vous avez déjà essayé.
Est votre problème a été résolu ?

OriginalL'auteur porterhaus | 2013-07-05

  1. 14

    Après avoir joué avec un officiel de l'exemple et de la documentation, j'ai trouvé un moyen d'obtenir des intervalles de deux heures, mais vous pouvez obtenir facilement les intervalles de chaque heure.

    Voici les options que vous avez à définir dans votre Highcharts création:

    $(function () {
    $('#container').highcharts({
        chart: { ... },
        title: { ... },
        subtitle: { ... },
        xAxis: {
            type: 'datetime',
            tickInterval: 3600 * 1000,
            ...
        },
        yAxis: { ... },
        tooltip: { ... },
        legend: { ... },
        plotOptions: { ... },
        series: [{
            ...
            pointInterval:  3600 * 1000,
            pointStart: Date.UTC(2006, 0, 01, 0, 0, 0, 0),
            data: [
                ...
            ]
        }]
    });
});

    Jouer avec les tickInterval, pointInterval et pointStart options, vous pouvez obtenir ce que vous voulez.

    Ici est un exemple vivant de ce que je suis en train de parler: http://jsfiddle.net/FxD58/1/

    Il fonctionne très bien si vous avez des 24 valeurs de la série (comme les 24 heures dans une journée...)

    Merci Pierre! Cette solution a fonctionné parfaitement. J'ai vraiment l'apprécier.

    OriginalL'auteur Pierre Fourgeaud