Я использую d3 js для создания диаграмм в своем веб-приложении. Я столкнулся с трудностями при правильном расположении всплывающей подсказки. У меня на странице несколько графиков. Я использую d3.event.pageX для размещения всплывающей подсказки. Но так как есть несколько графиков и моя страница прокручивается. эти значения мешают, и всплывающая подсказка иногда теряется. Я не могу разместить его правильно.
tooltip
.html(parseDate)
.style("display", "block")
.style("position", "absolute")
.style("left", event.pageX - 20 + "px")
.style("top", event.pageY - 20 + "px")
.selectAll()
.data(data)
.enter()
.append("div")
.html(function (d) {
if (moment(d.Date).format(momentTime) == parseDate) {
return d.Type + ":" + d.Value;
}
});
как правильно разместить его относительно svg?