Как отобразить и скрыть всплывающую подсказку на mouseenter и mouseleave соответственно?

Question

Я хочу отобразить какое-то сообщение в mouseenter и скрыть это сообщение при отпускании мыши.Хотя событие mouseenter работает нормально, событие mouseleave не работает.Сообщение всплывающей подсказки остается даже после удаления указателя.Как это можно исправить?

    .on("mouseenter", function(d: PieArcDatum<BandMembers>) {
         let xPosition = d3.mouse(this)[0] - 15;
         let yPosition = d3.mouse(this)[1] - 25;
         d3.select(this);

         tooltip.attr("transform", "translate(" + xPosition + "," + yPosition + ")");
         tooltip.select("text").text(d.data.Members) 
})
    .on("mouseleave", function(d: PieArcDatum<BandMembers>) {
         d3.select(this)
         tooltip.style("display", null); 
})

Answer 1

Вы должны изменить это tooltip.style("display", null); на tooltip.style("display", none);, что добавит стиль как display: none для события отпускания мыши

Answer 2

Попробуйте .style("display", "none") вместо