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

我正在检查 Flot 中的堆积图表，并在条形图中发现了一些奇怪的东西。

我尝试使用这个：http://jsfiddle.net/zNXBd/41/ 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,
    }
});

请注意，这些栏不再可悬停。看来这部分有问题。

您能帮我解决这个问题吗？

您的条形图似乎太细，无法触发悬停。 您可能需要在栏选项中添加 barWidth。 默认情况下，条宽为 1，以 x 轴为单位。在时间轴上，1 = 1ms，并且在您的比例下，不表示一毫秒宽度的条形图（我们只看到笔划，而不是条形图本身）

来自文档：

“barWidth”是条形的宽度，以 x 轴为单位（如果“horizo​​ntal”为 true，则以 y 轴为单位），与以像素指定的大多数其他度量相反。例如，对于时间序列，单位是毫秒，因此 24 * 60 * 60 * 1000 会生成一天宽度的条形。

example:

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

这是您将 barwidth 设置为 1 小时的小提琴：

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