2

当我增加或减少我的滑块(类型-“范围”)时,我正在使用 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;            
}
});
4

0 回答 0