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

Fai*_*aiz 5 time jquery flot bar-chart overlapping

我试图根据时间轴绘制费用数据,如果数据栏显示相同日期的数据,我看到数据栏是重叠的.我期待图表显示相互之间的条形,但事实并非如此.查看此链接的代码示例 ...

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

在此输入图像描述

Ryl*_*ley 5

不幸的是,如果不使用某种插件,这在flot中是不可能的.我建议你使用堆叠插件来获得垂直堆栈,或者使用像orderBars这样的外部插件.

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

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

这是一个有效的例子:http://jsfiddle.net/ryleyb/A8yNV/7/