Javascript Flot工具提示显示在折线图上，而不是条形图上

我有一个[Moment，integer]对数组，我正在用flot绘制一个图。将数据打印为条形图时，不会显示工具提示

但是，如果显示点，或者将图表转换为折线图，则会显示工具提示

正如下面的代码片段所示，我实际上使用的是flot示例代码。当打印为条形图时，是什么导致工具提示无法显示？可编辑JSFIDLE可用

var人员计数数据=[
[时刻（“2015-05-26T09:15:00+00:00”），0]，
[时刻（“2015-05-26T09:30:00+00:00”），0]，
[时刻（“2015-05-26T09:45:00+00:00”），0]，
[时刻（“2015-05-26T10:00:00+00:00”），0]，
[时刻（“2015-05-26T10:15:00+00:00”），0]，
[时刻（“2015-05-26T10:30:00+00:00”），0]，
[时刻（“2015-05-26T10:45:00+00:00”），0]，
[时刻（“2015-05-26T11:00:00+00:00”），0]，
[时刻（“2015-05-26T11:15:00+00:00”），0]，
[时刻（“2015-05-26T11:30:00+00:00”），0]，
[时刻（“2015-05-26T11:45:00+00:00”），2]，
[时刻（“2015-05-26T12:00:00+00:00”），51]，
[时刻（“2015-05-26T12:15:00+00:00”），59]，
[时刻（“2015-05-26T12:30:00+00:00”），72]，
[时刻（“2015-05-26T12:45:00+00:00”），23]，
[时刻（“2015-05-26T13:00:00+00:00”），50]，
[时刻（“2015-05-26T13:15:00+00:00”），55]，
[时刻（“2015-05-26T13:30:00+00:00”），52]，
[时刻（“2015-05-26T13:45:00+00:00”），53]，
[时刻（“2015-05-26T14:00:00+00:00”），39]，
[时刻（“2015-05-26T14:15:00+00:00”），50]，
[时刻（“2015-05-26T14:30:00+00:00”），51]，
[时刻（“2015-05-26T14:45:00+00:00”），55]，
[时刻（“2015-05-26T15:00:00+00:00”），39]，
[时刻（“2015-05-26T15:15:00+00:00”），12]，
[时刻（“2015-05-26T15:30:00+00:00”），0]，
[时刻（“2015-05-26T15:45:00+00:00”），0]，
[时刻（“2015-05-26T16:00:00+00:00”），0]，
[时刻（“2015-05-26T16:15:00+00:00”），0]，
[时刻（“2015-05-26T16:30:00+00:00”），0]，
[时刻（“2015-05-26T16:45:00+00:00”），0]，
[时刻（“2015-05-26T17:00:00+00:00”），0]，
[时刻（“2015-05-26T17:15:00+00:00”），0]，
];
变量plotOptions={
//选项在这里
xaxis：{
模式：“时间”，
reserveSpace：没错，
长度：5，
自动缩放边距：0.01
},
亚克斯：{
最低：0
},
网格：{
悬停：是的，
可点击：正确
},
系列：{
//如果我注释掉条形图并将图表转换为折线图，工具提示会起作用（！）
酒吧：{
秀：真的
},
//如果我在条形图上显示点，工具提示会起作用（！）
//要点：{
//秀：真的
//    }
},
};
变量plot1=$.plot(
"#店铺人员计数图",[{
标签：“人计数”，
颜色：“FC8200”，
数据：人员统计数据
}]，打印选项）；
函数显示工具提示（x、y、内容）{
$（“+contents+”）.css({
位置：“绝对”，
显示：“无”，
顶部：y+5，
左：x+5，
边框：“1px实心#fdd”，
填充：“2px”，
“背景色”：“费用”，
不透明度：0.80
}).appendTo（“body”）.fadeIn（200）；
}
var-previousPoint=null；
var hoverCallback=函数（事件、位置、项目）{
如果（项目）{
if（上一个点！=item.dataIndex）{
previousPoint=item.dataIndex；
var x_矩=矩（项目数据点[0]）；
$（“#工具提示”）.remove（）；
变量y=项目数据点[1]；
var tooltipString=x_矩.format（“HH:mm”）+，“+y；
显示工具提示（item.pageX、item.pageY、，
工具提示字符串）；
}
}否则{
$（“#工具提示”）.remove（）；
previousPoint=null；
}
};
$（“#存储人员计数图”）。打开（“plothover”，hoverCallback）
#存储人员计数图{
宽度：400px；
高度：300px；
}
您的酒吧太薄了。如果放大浏览器窗口并将光标悬停在条形图上，将显示工具提示。尝试使用以下选项加宽条形图：

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

我已经修改了您的选项，并将条形宽度设置为10分钟，工具提示可以正常工作


var人员计数数据=[
[时刻（“2015-05-26T09:15:00+00:00”），0]，
[时刻（“2015-05-26T09:30:00+00:00”），0]，
[时刻（“2015-05-26T09:45:00+00:00”），0]，
[时刻（“2015-05-26T10:00:00+00:00”），0]，
[时刻（“2015-05-26T10:15:00+00:00”），0]，
[时刻（“2015-05-26T10:30:00+00:00”），0]，
[时刻（“2015-05-26T10:45:00+00:00”），0]，
[时刻（“2015-05-26T11:00:00+00:00”），0]，
[时刻（“2015-05-26T11:15:00+00:00”），0]，
[时刻（“2015-05-26T11:30:00+00:00”），0]，
[时刻（“2015-05-26T11:45:00+00:00”），2]，
[时刻（“2015-05-26T12:00:00+00:00”），51]，
[时刻（“2015-05-26T12:15:00+00:00”），59]，
[时刻（“2015-05-26T12:30:00+00:00”），72]，
[时刻（“2015-05-26T12:45:00+00:00”），23]，
[时刻（“2015-05-26T13:00:00+00:00”），50]，
[时刻（“2015-05-26T13:15:00+00:00”），55]，
[时刻（“2015-05-26T13:30:00+00:00”），52]，
[时刻（“2015-05-26T13:45:00+00:00”），53]，
[时刻（“2015-05-26T14:00:00+00:00”），39]，
[时刻（“2015-05-26T14:15:00+00:00”），50]，
[时刻（“2015-05-26T14:30:00+00:00”），51]，
[时刻（“2015-05-26T14:45:00+00:00”），55]，
[时刻（“2015-05-26T15:00:00+00:00”），39]，
[时刻（“2015-05-26T15:15:00+00:00”），12]，
[时刻（“2015-05-26T15:30:00+00:00”），0]，
[时刻（“2015-05-26T15:45:00+00:00”），0]，
[时刻（“2015-05-26T16:00:00+00:00”），0]，
[时刻（“2015-05-26T16:15:00+00:00”），0]，
[时刻（“2015-05-26T16:30:00+00:00”），0]，
[时刻（“2015-05-26T16:45:00+00:00”），0]，
[时刻（“2015-05-26T17:00:00+00:00”），0]，
[时刻（“2015-05-26T17:15:00+00:00”），0]，
];
变量plotOptions={
//选项在这里
xaxis：{
模式：“时间”，
reserveSpace：没错，
长度：5，
自动缩放边距：0.01
},
亚克斯：{
最低：0
},
网格：{
悬停：是的，
可点击：正确
},
系列：{
//如果我注释掉条形图并将图表转换为折线图，工具提示会起作用（！）
酒吧：{
秀：没错，