javascript - 如何定位工具提示以跟随它在 D3 中附加的数据点？

Question

我有a figure created with D3当我越过数据点时，工具提示会出现在数据点附近，我可以通过单击该点来固定。我还可以通过单击某些文本来更改图形的“ View ”来更改为点绘制的值，并且希望固定的工具提示在重新定位时跟随数据点，但我不能弄清楚该怎么做。具体来说，我有两个问题以下问题:

(1) 我不知道如何从所选点转到我需要将工具提示绝对定位在 body 中的坐标我的页面。

<罢工>

我试过了

tooltip.transition().duration(1000)
            .style("left", d3.select(".dot-selected").attr("cx") + 5 + "px")
            .style("top", d3.select(".dot-selected").attr("cy") - 5 + "px");

“dot-selected”类仅针对所选点存在(我可以确认这一事实，因为它的外观发生了变化)，但这只会导致大致正确的定位。

(2) 工具提示的位置(近似或其他)似乎滞后于 View 更改。也就是说，当我更改 View 并移动数据点时，工具提示似乎位于该点所在的位置，而不是它所在的位置。我在 View 更新的最后调用上面的代码，所以其他所有内容都应该更新，特别是“cx”和“cy”的新值应该更早分配。

Answer 1

从上面的问题中，我明白了，我可以说使用 left 和 right 属性而不是 cx 和 cy 属性并检查发生了什么。 如果仍然遇到麻烦，请制作 fiddle 并让我知道。