Graphique de la série HighCharts pour démarrer et terminer sur Tick and End on Max

Question

Je veux un graphique HighChart, pour démarrer et se terminer sur Tick, et avoir la limite X finale égale à la valeur maximale.

Même si ma configuration a:

    max: 11,
    endOnTick: true

J'ai trouvé que la valeur finale réelle du graphique est 12. Comment puis-je en faire 11 ans sans avoir à changer d'endontick en faux?

Exemple:

http://jsfiddle.net/5vvmm/

Merci d'avance.

Answer 1

Le moyen le plus simple est d'utiliser prédéfini tickInterval, Suivant ça ira:

xAxis: {
    min: 0,
    step: 2,
    max: 11,
    startOnTick: true,
    endOnTick: true,
    tickInterval: 1
}

Un peu plus délicat est tickPixelInterval L'utilisation, dans votre cas, 50 fera l'affaire.

Les choses deviennent encore plus compliquées, si votre graphique est évolutif / zoomable. Vous devrez rédiger un gestionnaire d'événements personnalisé pour mettre à jour ces propriétés, pour vous assurer que votre tickInterval est DiVeder à votre plage de données (si c'est même possible, la gamme de données IE est entière, pas flottante) pour vous assurer que votre dernière tick est égale à la valeur de l'axe maximum.