2 votes

ChartJS continue d'ajouter un jour à l'axe X. Je ne trouve pas de raison. Une suggestion ?

ChartJS(v 2.2.2) continue d'ajouter 1 jour vide au graphique de la ligne de temps. Voici les données utilisées pour ce graphique :

line_data:
    data: 
        0:[72.73, 71.43, 66.67]
        1:[35.48, 61.11, 42.86]
    labels:
        0:["2017-01-28T00:00:00Z", "2017-01-29T00:00:00Z", "2017-01-30T00:00:00Z"]
        1:["2017-01-25T00:00:00Z", "2017-01-26T00:00:00Z", "2017-01-27T00:00:00Z"]
    series:
        0:"Jan 28 - Jan 30"
        1:"Jan 25 - Jan 27"

Et voici les paramètres pour les xAxes que je passe à ChartJS dans ma directive Angular(v1.6.1) :

type: 'time',
position: 'bottom',
gridLines: {
    display: false
},
time: {
    unit: 'day',
    unitStepSize: 1,
    displayFormats: {
        day: 'MMM DD',
        hour: 'h:mm A'
    }
}

Et voici le graphique que j'obtiens :

ChartJS timeline

Une suggestion sur ce qui ne va pas ?

1voto

michaelgo Points 101

J'ai réussi à résoudre le problème en paramétrant l'option max pour la valeur time échelle :

scales: {
    xAxes: [{
        type: 'time',
        time: {
            unit: 'day',
            max: <THE REAL LAST DAY DATE>
        }
    }]
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X