Question

I have a flot bar chart here as a jsFiddle. Now i need to show a dialog originating from the center of bar1 if a user presses anywhere on bar1. How to do that?

Although we can capture the press event of bar1 through obj.dataIndex == 0.. I dont know how to specify the values of x and y so that the dialog appear from the center..

Answer 1

Like this?

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