Flot条形图：在时间轴问题上重叠的条形图

Question

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

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

Answer 1

不幸的是，如果不使用某种插件，就不可能在flot中使用。我建议您使用stacking plugin获取垂直堆栈，或使用orderBars之类的外部插件。

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

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

以下是一个工作示例：http://jsfiddle.net/ryleyb/A8yNV/7/

Answer 2

我刚刚解决了ORDER属性的问题：如果其中一个系列具有NULL值，则它无效。 实际上，我使用NULL值来避免为系列获得一条很小的（0）线，但在这种情况下，堆栈的以下顺序是完全干扰。 通过设置0（ZERO）而不是NULL：一切正常。

注意：有或没有＆＃34; orderBars插件＆＃34;同样的问题。

希望这会有所帮助。