堆积条形图的悬停不起作用

Question

我正在检查Flot中的Stacked Charts,我在条形图中发现了一些奇怪的东西.

我试过用这个:http: //jsfiddle.net/zNXBd/41/

在此示例代码中,尝试将鼠标悬停在堆叠线上.哈弗正在工作.现在,这一次,请尝试将"行"更改为"栏"并再次运行.

ds.push({
    data:completes,
    label: "Complete",
    yaxis: 2,
    stack:true,
    bars: {
        show: true, 
        fill: true, 
        order: 2,
    }
});
ds.push({
    data:screeners,
    label: "Pre-Screened",
    yaxis: 1,
    bars: {
        show: true, 
        fill: true, 
        order: 1,
    }
});
ds.push({
    data:holds,
    label: "Holds",
    yaxis: 2,
    stack:true,
    bars: {
        show: true, 
        fill: true, 
        order: 3,
    }
});

请注意,酒吧不再是可以搬运的.似乎这部分存在问题.

你能帮我解决一下这个问题吗？

Answer 1

看起来你的酒吧太薄了,不能触发悬停.您可能需要在条形图选项中添加barWidth.默认情况下,barwidth为1,以x轴为单位.在时间轴上,1 = 1ms,并且在您的比例下,没有表示1 ms宽度条(我们只看到笔划,而不是条形本身)

来自doc:

"barWidth"是以x轴为单位的条形宽度(如果"水平"为真,则为y轴),与以像素为单位指定的大多数其他度量相反.例如,对于时间序列,单位是毫秒,因此24*60*60*1000生成宽度为一天的条形.

例:

bars: {
    show: true, 
    fill: true, 
    order: 2,
    barWidth: 1*3600*1000
}

这是你的小提琴设置在1小时:

http://jsfiddle.net/zNXBd/42/