浮动条形图：在时间轴问题上重叠的条形图答案

【问题标题】：Flot bar chart: bars overlapping on time axis issue浮动条形图：在时间轴问题上重叠的条形图
【发布时间】：2013-11-28 11:27:56
【问题描述】：

我正在尝试根据时间轴绘制费用数据，如果数据条显示同一日期的数据，我会看到它们重叠。我期待图表显示条形彼此相邻，但事实并非如此。见sample of code at this link...

$.plot($("#placeholder"), newJson, 
{
    bars: {
        show: 1,
        barWidth: 24 * 60 * 60 * 1000 * 10
    },
    xaxis: { mode:"time" }
});

【问题讨论】：

【解决方案1】：

不幸的是，如果不使用某种插件，这在 flot 中是不可能的。我建议你要么使用stacking plugin 来获取垂直堆栈，要么使用外部插件，如orderBars。

在每个系列中，您为每个系列添加一个选项，指定它应该堆叠/排序。或者，如果您希望它适用于所有内容，则可以选择 bar 的整体系列选项。

$.plot($("#placeholder"), newJson, 
    {bars: { order:1, show: 1, barWidth: 24 * 60 * 60 * 1000 * 10 },
     xaxis: { mode:"time" }
});

【讨论】：

【解决方案2】：

我刚刚解决了 ORDER 属性的一个问题：如果其中一个系列具有 NULL 值，它就不起作用。事实上，我使用 NULL 值来避免为系列获得一个很小的 (0) 行，但在这种情况下，堆栈的以下顺序完全被打乱了。通过设置 0（零）而不是 NULL ：一切正常。

注意：无论是否使用“orderBars 插件”都会出现同样的问题。

希望这会有所帮助。

【讨论】：