jquery - 浮标条形图: bars overlapping on time axis issue

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

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

最佳答案

不幸的是，如果不使用某种插件，这是不可能的。我建议您要么使用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/

关于jquery - 浮标条形图: bars overlapping on time axis issue，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20264954/