如何使用flot使对话框显示在条形图的中心

How to make the dialog appear at the center of the bar using flot?

本文关键字：条形图 显示 何使用 flot 对话框      更新时间：2023-09-26

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

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

这样？

  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);
  }
相关文章：