Comment obtenir les dates de Highcharts dans l'axe des x ?

Question

Existe-t-il un moyen standard d'obtenir des dates sur l'axe des x pour Highcharts ? Je ne la trouve pas dans leur documentation : https://api.highcharts.com/highcharts/xAxis.type

Lorsque mon intervalle de temps est suffisamment grand, il affiche les dates. Cependant, lorsque la plage horaire n'est pas assez large, il affiche uniquement les heures, comme ceci :

C'est loin d'être idéal... s'il était possible d'afficher une date et une heure dans ce cas, ce serait génial. Quelqu'un sait comment faire ?

Answer 1

Highcharts essaiera automatiquement de trouver le meilleur format pour la plage de zoom actuelle. Ceci est fait si l'axe des x a le type 'datetime' . Ensuite, l'unité du zoom actuel est calculée, elle peut être l'une des suivantes :

• deuxième
• minute
• heure
• jour
• semaine
• mois
• année

Cette unité est ensuite utilisée pour trouver un format pour les étiquettes des axes. Les modèles par défaut sont :

second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b \'%y',
year: '%Y'

Si vous souhaitez que le jour fasse partie des étiquettes de niveau "heure", vous devez modifier l'élément dateTimeLabelFormats pour ce niveau comprennent %d o %e . Voici les modèles disponibles :

• %a : Jour de semaine court, comme 'Mon'.
• %A : Long jour de semaine, comme 'lundi'.
• %d : Jour du mois à deux chiffres, de 01 à 31.
• %e : Jour du mois, de 1 à 31.
• %b : Mois court, comme 'Jan'.
• %B : Mois long, comme 'janvier'.
• %m : Numéro du mois à deux chiffres, de 01 à 12.
• %y : Année à deux chiffres, comme 09 pour 2009.
• %Y : Année à quatre chiffres, comme 2009.
• %H : Deux chiffres des heures au format 24h, de 00 à 23.
• %I : Deux chiffres des heures au format 12h, de 00 à 11.
• %l (L minuscule) : Heures au format 12h, de 1 à 11.
• %M : Deux chiffres pour les minutes, de 00 à 59.
• %p : Majuscule AM ou PM.
• %P : minuscule AM ou PM.
• %S : Secondes à deux chiffres, de 00 à 59

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats

Answer 2

Vérifiez ceci échantillon à partir de l'API Highcharts.

Remplacez ceci

return Highcharts.dateFormat('%a %d %b', this.value);

Avec cette

return Highcharts.dateFormat('%a %d %b %H:%M:%S', this.value);

Regardez aquí sur le dateFormat() fonction.

Voir aussi - tickIntervalle y pointIntervalle

Answer 3

Tu écris comme ça.. :

xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%d %b %Y'    //ex- 01 Jan 2016
        }
}

Vérifiez également les autres formats de date

http://api.highcharts.com/highcharts#xAxis.dateTimeLabelFormats