HighCharts montrent format datetime sur xAxis

J'essaie d'afficher dateTime dans les jours/semaines/mois, le format de l'axe des x de haute graphiques, j'ai les données de formaté comme x utc date format de l'heure et y (magnitude). J'étais sous l'impression que j'ai seulement besoin de le faire pour que cela fonctionne

Highcharts.chart('container', {
  title: {
    text: 'Chart with time'
  },
  xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
      day: "%e. %b",
      month: "%b '%y",
      year: "%Y"
    }
  },
  series: [{
    data: [
      [1493326164493, 100],
      [1493326194018, 120]
    ]
  }]
});

Ce que je fais mal? J'ai posté un violon lien ci-dessous pour mon scénario

https://jsfiddle.net/dLfv2sbd/

OriginalL'auteur lboyel | 2017-04-27

11

de l'axe.dateTimeLabelFormats fonctionne un peu différent. En premier lieu, Highcharts essaie de deviner ce qu'est " le meilleur de l'unité de vos données, par exemple si c'est un jour, il va le formater selon le jour de la propriété de dateTimeLabelFormats.

Si vous voulez juste le format des étiquettes de l'axe, vous pouvez utiliser de l'axe.les étiquettes.format et spécifier un format comme ceci:
```
xAxis: {
  type: 'datetime',
  labels: {
    format: '{value:%Y-%b-%e}'
  },
```
exemple: https://jsfiddle.net/dLfv2sbd/1/

OriginalL'auteur morganfree
3

Vous pouvez essayer de format de date avec
```
 xAxis: {
   labels: {
    formatter: function(){

      return moment(new Date(this.value)).format('DD'); //example for moment.js date library

      //return this.value;
    },
},
```
Aussi, vous pouvez consulter la documentation http://api.highcharts.com/highcharts/xAxis.labels.formatter

mais l'habitude de ce juste le format de l'étiquette pas la valeur de l'axe x lui-même
Pourquoi vous ne pouvez pas le format de vos données avant de le mettre dans highchart?

OriginalL'auteur Leguest
0

Vous pouvez l'essayer aussi -
1. {valeur:%Y-%b%e %t:%M %p }
```
labels: {
      format: '{value:%Y-%b-%e %l:%M %p }'
},
```
De sortie - 2017-Avr-27 8:49 PM
1. format: '{valeur:%Y-%b%e %t:%M}'
```
labels: {
      format: '{value:%Y-%b-%e %l:%M %p }'
},
```
De Sortie - 2017-Avr-27 8:49
1. format: '{valeur:%Y-%b-%e}'
```
 labels: {
              format: '{value:%Y-%b-%e}'
 },
```
De Sortie - 2017-Avr-27
1. format: '{valeur:%Y-%b%e %H:%M}'
```
labels: {
      format: '{value:%Y-%b-%e %H:%M}'
},
```
sortie 2017-Avr 27 20:49

OriginalL'auteur Samir
0

Simple année-mois-jour:
```
 format: '{value:%Y-%m-%e}'
```
OriginalL'auteur Alessandro Mattiuzzi

Vous devez vous connecter pour publier un commentaire.