gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 13:32:37 25 4
gpt4 key购买 nike

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

enter image description here

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

最佳答案

虽然答案很好,但现在有点过时了。 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 吓倒的人(这很好,但真的不再需要了)。

关于javascript - 如何更改谷歌图表工具提示的弹出位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24795432/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com