Javascript 谷歌图表工具提示闪烁

当使用谷歌图表时，有时工具提示会出现在鼠标指针后面，当鼠标移动时，甚至会有一点闪烁

这是一个已知的问题吗

---

是的，闪烁似乎是一个未解决的问题

---

是的，这是一个小错误

您只需将以下内容添加到CSS中：

svg > g > g:last-child { pointer-events: none }

---

是的，你是对的，工具提示覆盖了触发区域，导致工具提示消失，从而打开触发区域并再次显示，依此类推

我通过CSS定位工具提示容器并覆盖google的CSS解决了这个问题，比如：

div.google-visualization-tooltip {

    padding: 0 !important;
    margin: 0 !important;
    border:none !important;
    box-shadow: unset !important;
    background-color: rgba(0,0,0,0) !important;
    height:auto !important;
    overflow:hidden !important;

}

这将显示距离鼠标指针1米左右的HTML工具提示，并允许您摆脱原来丑陋的白色框。在日历图表上为我工作。 如果这在您的情况下不起作用，您必须找出图表工具提示容器的类名

我认为问题的根源在于工具提示显示得太靠近指针，但是如果删除容器的边距和填充，它会修复它

希望这对你有用。

对我来说也有用

svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }

---

迟到，但这仅针对filckering工具提示，不会影响/禁用剪裁标签（hAxis或vAxis）和图例上的html默认工具提示：

svg > g > g.google-visualization-tooltip { pointer-events: none }

---

我可以通过将工具提示选项更改为html和忽略边界来防止闪烁。我相信ignoreBounds只能在工具提示是html并且它将工具提示推到图表边界之外时使用*我没有做过这么多测试

工具提示：{isHtml:true，ignoreBounds:true}

---

你能发布你用来显示工具提示的代码吗？你可能需要限制你的事件分享你的代码或问题的截图。我放了一个截图。工具提示与鼠标位于同一位置，当我稍微移动鼠标时会引起闪烁。为此，我只想将其作为我的Google图表的目标，因此添加了以下内容：svg[aria label=“a chart.”]>g>g:last child{pointer events:none}不太适合未来，但值得一提的是，这是一个愚蠢的错误，但却是一个非常简单和聪明的解决方案。谢谢现在是2019年3月。错误仍然存在，这个答案仍然有效：DIt的2020年1月。缺陷仍然存在，修复仍然有效。2020年7月。时间似乎很暗。冠状病毒横扫全国，所有人都因恐惧而颤抖。所有这些似乎都不确定，但有一件事我们可以确定：这个错误持续存在，修复仍然有效。google-visualization-tooltip{pointer events:none}是这里的最佳解决方案。这对我不再有效了-div已更改为

g

。使用svg g.google-visualization-tooltip{pointer events:none}感谢您的解决方案。在提供的其他解决方案中，我无法单击最后一个图例。