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

时间:2013-05-09 09:15:01

标签: jquery graph label flot

我使用flot api绘制图形,因为我增加或减少滑块(类型 - “范围”)。如何在条形图的顶部显示图形的值? 目前我正在使用这段代码,但它没有产生任何结果:

    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;            
}
});

0 个答案:

没有答案