如何在圖例懸停的Google餅圖上顯示工具提示？

Question

我想在鼠標懸停在圖例中顯示切片的工具提示。 默認情況下，僅當鼠標位於餅圖的一個切片上時才顯示工具提示。

目前，我有最近的事情是爲了顯示工具提示，當我點擊的傳說，有：

tooltip: { trigger: 'selection' } 

的選項時，我畫的圖。

我試圖找到沒有結果的參考。

的jsfiddle：http://jsfiddle.net/ohavpo17/2/

Answer 1

你接近。保持tooltip: { trigger: 'selection' }然後添加一個事件偵聽器onmouseover：

google.visualization.events.addListener(chart, 'onmouseover', function(entry) { 
    chart.setSelection([{row: entry.row}]); 
}); 

這將顯示工具提示，當鼠標懸停的傳說。正如docs所說的關於onmouseover：

當用戶將鼠標放在視覺實體上時觸發。傳回行 和相應數據表元素的列索引。圖例或 圖例條目與數據表中的一行相關（列索引爲 null）。

所以上面的代碼只是模擬了對應於圖例被徘徊的行的選擇。我還要補充一個onmouseout監聽器，所以提示不掛起當鼠標離開圖表：

google.visualization.events.addListener(chart, 'onmouseout', function(entry) { 
    chart.setSelection([]); 
}); 

看到演示 - >http://jsfiddle.net/a095qq8e/