Question

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

在此示例代码中，尝试将鼠标悬停在堆叠的线条上。哈弗正在工作。现在，这一次，请尝试更改＆＃34; line＆＃34;去＆＃34;酒吧＆＃34;并再次运行。

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。默认情况下，条带宽度为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/

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

1 个答案: