D3 工具提示在使用介绍时几乎不可见.js



我正在使用 D3 创建一系列圆圈,每个圆圈都有一个通过 D3 鼠标悬停的工具提示。我还使用 introJs 作为游览来提供有关数据的一些评论。当游览正在运行并且 introJs 工具提示在视图中时,D3 工具提示仍然存在,但它们几乎不可见,因为它的不透明度为 .05。我将 D3 工具提示不透明度设置为 .90,并将其更改为 1.0,看看它是否会有所作为,但没有。有没有人在 D3 中使用 introJ 时遇到过类似的问题,并且知道如何使 D3 工具提示更明显?

我解决了这个问题,这一切都与z-index有关。

introJs 有一个工具提示 z-index:100000000。我正在为 D3 工具提示使用 z-index,但在测试中没有达到足够高的水平。我最终将 D3 工具提示设置为 z-index:1000000000(从 introJs 中添加了一个额外的 0(,现在一切都很好。

最新更新