Google图表工具提示会在鼠标悬停时闪烁，如何解决？

Question

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

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

Answer 1

闪烁的原因

仅当鼠标指针位于显示的工具提示上方时，工具提示才会闪烁：

1. 将鼠标悬停在某个元素上会弹出工具提示
2. 鼠标在工具提示上方
3. 该元素获得一个mouseout事件
4. 该元素隐藏了工具提示
5. 鼠标在元素上
6. 从1开始重复。

您可以将其记录为功能，通知Google，查看是否可以找到工具提示的CSS类并添加pointer-events: none;规则（请参见下文），或查找显示工具提示的代码，然后将其从响应mouseover更改为对mouseenter响应（未测试）。

停止闪烁

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

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

警告

这不能保证：没有记录类名，并且Google可以随时以不同的语言环境或其他原因更改类名（我使用控制台来查找它）。尽管这是公认的黑客行为，但在采取其他措施解决这些问题之前，它可能会很有用。