Моя всплывающая подсказка графика d3 исчезает при прокрутке, поскольку я позиционирую ее с помощью event.pageX. Мне нужно решение для размещения всплывающей подсказки d3 - PullRequest
0 голосов
/ 09 мая 2020

Я использую 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?

...