javascript - d3.js onmousehover

Question

我使用d3.js编写了这段代码。

这是我的问题：

当您将鼠标悬停在矩形上时，会出现弹出工具提示，但当指针位于矩形内的文本上方时不会出现。

我希望当鼠标悬停在文本以及形状的其他部分上时出现工具提示。如何实现？

这是我的矩形代码：

cartridgeRectangles.push({"x_axis":startx+2, "y_axis":90+textbeginy, "width":35,       "height":15, "color":discovery_status_color, "stroke":"#33CC33", "thickness":1, "mover":chassisDetails , "movercolor":"darkgreen", "mout":"True", "moutcolor":"#33CC33" });

Answer 1

问题是文本正在捕获鼠标。这可以通过删除 css 中文本的指针事件来避免：

// This will apply to all text elements, consider using a class
text {
  pointer-events: none;
}

指针事件中的更多信息：https ://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events