javascript - 谷歌图表工具提示在悬停时闪烁，如何解决？

Question

当我将鼠标悬停在 Google 图表工具提示上时，它不断闪烁，似乎存在某种错误。我在不同的浏览器中尝试过，也让其他人测试过，结果都相同。我相信你也可以尝试一下 https://developers.google.com/chart ，只需将光标放在饼图上，然后将其放在工具提示上，您就会明白我的意思。

有什么办法可以防止这种情况发生吗？

Answer 1

闪烁的原因

仅当鼠标指针位于显示的工具提示顶部时，工具提示才会闪烁:

1. 将鼠标悬停在元素上会显示工具提示
2. 鼠标位于工具提示上方
3. 元素获取鼠标移出事件
4. 元素隐藏工具提示
5. 鼠标位于元素上方
6. 从 1 开始重复。

您可以将其记录为一项功能，通知 Google，查看是否可以找到工具提示的 CSS 类并添加 pointer-events: none; 规则(见下文)，或者查找调出工具提示并将其从响应 mouseover 更改为响应 mouseenter(未经测试)的代码。

停止闪烁

关闭工具提示元素上的指针事件可以阻止闪烁的发生。例如，通过在标题部分的底部添加样式元素，例如

<style>
    .google-visualization-tooltip { pointer-events: none; }
</style>

警告

这不能保证:类名没有记录，Google 可以随时在不同的语言环境或出于其他原因更改类名(我使用控制台找到它)。尽管这是一个公认的黑客行为，但在采取其他措施来解决闪烁问题之前，它可能会被证明是有用的。