从Google可视化饼图（核心图表）中删除悬停工具提示

Question

如何从Google Visualization饼图（核心图表）中删除悬停工具提示？需要使其在跨浏览器中工作，例如IE，FF，Chrome，Safari，Opera。

编辑：我需要切片也可以被点击。
enableInteractivity : false 可以去除悬停效果，但不会触发“选择”或其他基于交互的事件。

- Shumon Saha

---

从这里看来：http://code.google.com/p/google-visualization-api-issues/issues/detail?id=383，似乎无法实现。除非你能想办法通过hack onmouseover... - AR.

“工具提示 - 在当前版本中，工具提示将在鼠标悬停时自动打开；您不能使用API打开或关闭它们。”我检查了SVG的源代码，似乎没有为工具提示分配任何类，因此使用CSS或JS进行隐藏是行不通的。 - AR.

Answer 1

也许您需要将此项添加到图表的选项中

'tooltip' : {
  trigger: 'none'
}

这样做可以让 enableInteractivity 保持为 true。

- Sir_Faenor

---

那对我没用。工具提示框仍然显示。 - dokaspar

谢谢你的回答。这个属性是在我发布问题之后发布的。这是一个非常需要的功能，因此Google采取了它。 - Shumon Saha

@Dominik：我在时间轴可视化方面遇到了类似的问题，因为 tooltip 选项似乎不被支持。我无法抑制悬停事件本身，但是为具有 google-visualization-tooltip 类的元素定义 CSS 样式 display: none; 可以使时间轴工具提示保持隐藏。这个类似乎足够通用，我希望这也适用于其他图表类型。 - jmikola

在wordTree可视化方面，@jmikola的建议也没有起作用。我的临时解决方法是修改我不想关联任何事件的元素的id值。 - elachell

谢谢 - 对我有用，只是在 tooltip 周围没有引号，所以在上下文中它是 var options = { tooltip: { trigger: 'none' } };。 - wunth

谢谢。这正是我在寻找的。 - Kalpesh Panchal

Answer 2

使用enableInteractivity = False选项。这将禁用交互和悬停。

chart.draw(data, {   
  width: 400, 
  height: 240, 
  title: 'Your chart and data',
  enableInteractivity: false,
  hAxis: {title: 'Year'}
});

- Nix

---

谢谢Nix。不过，我还需要使这些切片也可以被点击。 “enableInteractivity: false” 可以消除悬停效果，但无法产生“select”或其他基于交互的事件。 - Shumon Saha

我的天啊，找了两个小时才找到。谢谢兄弟。 - Mahmoud

Answer 3

在选项部分设置 tooltip: { isHtml: true }。

chart.draw(data, {   
  tooltip: { isHtml: true },
  width: 400, 
  height: 240, 
  title: 'Title',
  hAxis: {title: 'Year'}
});

在CSS文件中。

div.google-visualization-tooltip { display:none }

- Dasun

Answer 4

这将移除鼠标悬停事件，但保留单击事件：

tooltip: { trigger: 'selection' }

- zsimo