堆疊條形圖的懸停不起作用

Question

我正在檢查Flot中的堆疊圖形，並在條形圖中發現了一些奇怪的東西。

我嘗試使用這樣的： 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。 默認情況下，以x軸爲單位的條寬爲1。在時間軸，1 = 1毫秒，並且在你的尺度，一毫秒寬度欄心不是表示（我們看到的只是行程，而不是杆本身）

從DOC：

「barWidth」是以x軸爲單位的條的寬度（或者如果「水平」爲真，則爲y軸），與以像素指定的大多數其他度量相反。例如，對於時間序列，單位是毫秒，因此24 * 60 * 60 * 1000會生成一天中寬度的小節。

例如：

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

這裏是barwidth設置你的小提琴1小時：

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