Grand écart au milieu d'un graphique à barres Flot empilé

Question

J'ai créé un diagramme à barres empilées dans Flot et il y a un grand écart au milieu. Je ne peux pas comprendre pourquoi. J'ai utilisé un jsfiddle de travail et de mettre certaines de mes données sur le dessus.

http://jsfiddle.net/shorif2000/t3Vqh/261/

var overdue = { 
    label: 'overdue', 
    data: [ 
    [1, 15],[2, 67],[3, 77],[4, 179],[5, 118],[6, 133],[46, 1],[47, 20],[48, 37],[49, 15],[50, 50],[51, 39],[52, 64] 
    ] 
    }; 

Answer 1

Il y a un grand écart dans le tableau, car il y a un grand écart dans vos valeurs x entre 6 et 46. Si vous voulez avoir les barres positionnées comme vos tiques, vous devez utiliser les «vraies» valeurs x des graduations, pas la valeur d'affichage (nom de la graduation).

Changer vos données

[-1, 1],[0, 20],[1, 37],[2, 15],[3, 50],[4, 39],[5, 64],[6, 15],[7, 67],[8, 77],[9, 179],[10, 118],[11, 133] 

et il fonctionne (BTW: l'original n'a pas [46, 1] point de données tick correspoding).
Voir cette mise à jour fiddle pour l'exemple de travail.