從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可視化餅圖（核心圖表）中刪除懸停工具提示

回答

相關問題