javascript - 如何更改谷歌图表工具提示的弹出位置

Question

我目前有启用 html 的工具提示，它也显示“子图”。但是，如果可以让所有工具提示都在固定位置弹出或有一个偏移量来调整它们的相对位置，那就太好了。

这是我拥有的那种工具提示的示例(空白数据)。我想把它移到右边。任何建议，包括任何 javascript 技巧，我们将不胜感激。

Answer 1

虽然答案很好，但现在有点过时了。 Google 已经实现了 CSS 控制，因此无需破解 JavaScript 即可获得更大的灵 active 。

.google-visualization-tooltip {  position:relative !important; top:0 !important;right:0 !important; z-index:+1;} 

将提供固定在图表底部的工具提示，实例:http://www.taxformcalculator.com/federal-budget/130000.html

或者你可以调整左边距...

.google-visualization-tooltip {  margin-left: 150px !important; z-index:+1;}

请注意，当鼠标移动时，使用 z-index 向前拉动容器会减少(但不会完全停止)可见性闪烁。闪烁的程度会因图表大小、调用等而异。就个人而言，我更喜欢按照第一个示例修复工具提示并将其作为设计的一部分。希望这能帮助那些被 JS hack 吓倒的人(这很好，但真的不再需要了)。