Jquery 如何使用flot在图形顶部显示条形图的值

我正在使用FLOAPI在增加或减少滑块时绘制一个图形（类型-“范围”）。如何在条形图顶部显示图形的值？ 目前我正在使用这段代码，但它不会产生任何结果：

    function showTooltip(x, y, contents) {
$('<div id="tooltip">' + contents + '</div>').css( {
      position: 'absolute',
      display: 'none',
      fontFamily: 'Trebuchet MS, Arial, Helvetica, Sanserif',
      fontSize: '11px',
      top: y - 23,
      left: x - 3,
      border: '1px solid silver',
      padding: '2px',
      'background-color': 'black'
}).appendTo("body").fadeIn(200);
}

    var previousPoint = null;
    $("#placeholder_1").bind("plothover", function (event, pos, item) {
if (item) {
      if (previousPoint != item.dataIndex) {
            previousPoint = item.dataIndex;
            $("#tooltip").remove();
            var x = item.datapoint[0].toFixed(2),
            y = item.datapoint[1].toFixed(2);
            showTooltip(item.pageX, item.pageY, 'R$ '+y);
      }
} else {
      $("#tooltip").remove();
      previousPoint = null;            
}
});

函数显示工具提示（x、y、内容）{
$（''+内容+''）.css（{
位置：'绝对'，
显示：“无”，
fontFamily:“投石机MS、Arial、Helvetica、Sanserif”，
fontSize:'11px'，
上图：y-23，
左:x-3,，
边框：“1px纯银”，
填充：“2px”，
“背景色”：“黑色”
}).appendTo（“body”）.fadeIn（200）；
}
var-previousPoint=null；
$（“#占位符_1”）.bind（“plothover”，函数（事件、位置、项目）{
如果（项目）{
if（上一个点！=item.dataIndex）{
previousPoint=item.dataIndex；
$（“#工具提示”）.remove（）；
var x=项。数据点[0]。固定（2），
y=item.datapoint[1].toFixed（2）；
显示工具提示（item.pageX，item.pageY，'R$'+y）；
}
}否则{
$（“#工具提示”）.remove（）；
previousPoint=null；
}
});

它怎么不起作用？你有哪些选择？我不知道为什么它不起作用。我试图做的是使用jquery范围滑块动态更改条形图。我需要在图形上显示图形的值，当它增加或减少时。上面的这段代码并没有提供预期的结果。你得到这个工作了吗？