堆积的Flot条形图中间的大差距

Question

我在Flot中创建了一个堆积条形图，中间有一个很大的差距。我不明白为什么。我使用了一个有效的jsfiddle并将我的一些数据放在首位。

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

图表中存在很大的差距，因为你的x值在6到46之间存在很大差距。如果你想让条形像你的标记一样，你必须使用＆＃34;真正的＆＃34;来自刻度的x值，而不是显示值（刻度名称）。

将您的数据更改为

[-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]

并且它有效（顺便说一下：原始数据点[46, 1]没有对应的刻度）。
有关工作示例，请参阅此更新的fiddle。