【问题标题】:Removing Tooltip from Google Charts WordTree从 Google Charts WordTree 中删除工具提示
【发布时间】:2026-01-20 08:30:01
【问题描述】:

我正在尝试从Google Wordtree Chart 中删除工具提示。

在 CoreCharts 上,您可以设置 enableInteractivity: false 或将工具提示触发器设置为无:

tooltip:
  trigger: 'none'

但是,这不适用于 WordTrees,并且文档中没有提到这些配置选项。此外,没有onmouseover 像我可以用来抑制进一步操作的其他图表一样。

谁能想到我可以拼凑出一个解决方案的方法?这是一个带有示例 WordTree 的 JSFiddle: https://jsfiddle.net/b70wrfoc/

更新:如果可以轻松地抑制父 div 上的所有 javascript 悬停事件,我可以。

非常感谢!

【问题讨论】:

    标签: javascript css google-api google-visualization


    【解决方案1】:

    好吧,它不是很漂亮,但它确实能胜任。我的解决方法是在图表顶部放置一个不透明度为 0% 的叠加层

    HTML

    <div id="wordtree_container" style="width: 800px; height: 400px;">
      <div id="wordtree_explicit" style="width: 800px; height: 400px;"></div>
      <div id="wordtree_overlay"></div>
    </div>
    

    CSS

     #wordtree_overlay{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background-color:black;
      }
    

    【讨论】: