从Google图表中移除工具提示WordTree

时间:2016-09-01 23:33:06

标签: javascript css google-api google-visualization

我试图从Google Wordtree Chart删除工具提示。

See the tooltip on hover

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

tooltip:
  trigger: 'none'

但是,这对WordTrees不起作用,文档中未提及这些配置选项。此外,没有onmouseover像我可以用来抑制进一步行动的其他图表。

任何人都可以想到一种可以解决问题的方法吗?这是一个带有WordTree示例的JSFiddle: https://jsfiddle.net/b70wrfoc/

更新:我很好地抑制了父div上的所有javascript悬停事件,如果这样做很容易的话。

非常感谢!

1 个答案:

答案 0 :(得分:0)

好吧,它并不漂亮,但绝对可以胜任。我的解决方法是在图表顶部放置一个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;
  }