wie könnte ich die Tooltip Ausrichtung fixiert

Question

wie könnte ich den Tooltip Ausrichtung fixiert erhalten, so dass der Tooltip über dem Balken zeigt

http://jsbin.com/mutirodawa/edit?html,output

bar 
 
    .on("mousemove", function(d) { 
 
    divTooltip.style("right", d3.event.pageX + 30 + "px"); 
 
    divTooltip.style("top", d3.event.pageY + 45 + "px"); 
 
    divTooltip.style("display", "inline-block"); 
 
    var x = d3.event.pageX, 
 
     y = d3.event.pageY 
 
    var elements = document.querySelectorAll(':hover'); 
 
    l = elements.length 
 
    l = l - 1 
 
    elementData = elements[l].__data__ 
 
    divTooltip.html(elementData.name + "<br>" + elementData.value); 
 
    }); 
 
bar 
 
    .on("mouseout", function(d) { 
 
    divTooltip.style("display", "none"); 
 
    });

Answer 1

Um den Tooltip zu machen über jedem Balken zeigend, befestigte ich den Handler an jeden Stab einzeln:

http://jsbin.com/pixicunasi/1/edit?html,js,output