Как сделать так, чтобы диалог появлялся в центре бара с помощью flot?

Question

У меня есть гистограмма с плавающей точкой здесь как jsFiddle .Теперь мне нужно показать диалог, происходящий из центра bar1, если пользователь нажимает в любом месте на bar1.Как это сделать?

Хотя мы можем зафиксировать событие нажатия от bar1 до obj.dataIndex == 0 .. Я не знаю, как указать значения 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);
  }