堆积的 Flot 条形图中间的大间隙

【问题标题】：Big gap in middle of stacked Flot bar chart堆积的 Flot 条形图中间的大间隙
【发布时间】：2017-02-10 15:57:48
【问题描述】：

我在 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]
    ]
  };

【问题讨论】：

标签： jquery flot

【解决方案1】：

图表中有一个很大的差距，因为您的 x 值在 6 和 46 之间存在很大差距。如果您想让条形图的位置像您的分时一样，您必须使用分时的“真实”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。

【讨论】：