如何在图例悬停的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/