如何在图例悬停时在Google饼图上显示工具提示？

Question

我想在图例中显示鼠标悬停时切片的工具提示.默认情况下,仅当鼠标位于饼图切片上时才显示工具提示.

目前我最接近的是当我点击图例时显示工具提示,其中:

tooltip: { trigger: 'selection' }

当我绘制图表时作为选项.

我试图在参考中找到一些没有结果的东西.

Answer 1

你很亲密保留tooltip: { trigger: 'selection' }并添加一个事件监听器onmouseover:

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

当鼠标悬停在图例上时,这将显示工具提示.由于文档说,有关onmouseover:

当用户将鼠标悬停在可视实体上时触发.传回相应数据表元素的行索引和列索引.切片或图例条目与数据表中的行相关联(列索引为空).

因此,上面的代码简单地模拟了对应于正在悬停的图例的行的选择.我还会添加一个onmouseout监听器,因此当鼠标离开图表时,工具提示不会挂起:

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