如何使用flot使对话框显示在栏的中心？

Question

我在这里有一个flot条形图jsFiddle。现在我需要显示一个源自bar1中心的对话框，如果用户按下bar1上的任何位置。怎么做？

虽然我们可以通过obj.dataIndex == 0捕捉bar1的新闻事件..我不知道如何指定x和y的值，以便从中心出现对话框。

Answer 1

喜欢这个？

  function showTooltip(x, y, contents) {
    if (!contents) return;
    var tooltip = $("#t1");
    if (!tooltip.html()) {
      tooltip=$('<div id="t1" class="tooltip"><span id="t1content"></span><span class="arrow"></span></div>').appendTo("body");
   }
   tooltip.css({
        top : y - 25,
        left : x + 15
   });
   $("#t1content").html(contents);
   tooltip.fadeIn(10);
  }