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

如何从Google可视化饼图（核心图表）中删除悬停工具提示？需要使它工作跨浏览器，如IE，FF，Chrome浏览器，Safari，Opera或从Google可视化饼图（核心图表）中删除悬停工具提示

enter image description here

编辑：我需要的片断，可点击过。
enableInteractivity : false删除悬停但不会抛出“选择”或其他基于交互的事件。

2011-11-22 Shumon Saha

从这：http://code.google.com/p/google-visualization-api-issues/issues/detail?id=383它不似乎你可以做到。除非您可以以某种方式破解onmouseover ... –

http://code.google.com/apis/chart/interactive/docs/release_notes.html - “工具提示 - 在当前版本中，工具提示会在鼠标悬停时自动打开;您无法打开或者使用API关闭它们。“我检查了SVG的源代码，它似乎没有任何分配给工具提示的类，所以使用css或js隐藏不起作用。 –

也许你需要添加到您的图表的选项

'tooltip' : { 
    trigger: 'none' 
}

这样你可以离开enableInteractivity设置为true。

来源

2011-12-13 14:12:34

这对我不起作用。工具提示框仍然显示。 – dokaspar

谢谢你的回答。此属性在我发布我的问题后发布。这是一个非常需要的功能，因此谷歌拿起了它。 –

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

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

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

来源

2011-12-03 01:38:10 Nix

谢谢尼克斯。不过，我需要切片也是可点击的。 “enableInteractivity：false”移除悬停但不抛出“选择”或其他基于交互的事件。 –

此删除悬停事件，但维持单击事件：

tooltip: { trigger: 'selection' }

来源

2013-12-20 18:23:02 zsimo

集工具提示：{isHtml：真正}中选择部分。

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

在CSS文件

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

来源

2016-10-06 11:50:47 Dasun

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

回答

相关问题