堆叠式 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 之间存在较大差距。如果您想让条形图像刻度一样定位，则必须使用 "real" 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。

堆叠式 Flot 条形图中间有大间隙

Big gap in middle of stacked Flot bar chart

jquery

flot