如何将相同的事件处理程序添加到D3中的多个元素

Question

我制作了一个条形图，其数字值显示为栏内的<text>元素。

当鼠标悬停在栏上时，会显示其他信息。但是，当鼠标光标悬停在文本上时，显示不会显示，因为事件处理程序仅附加到<rect>。

我尝试了d3.selectAll(rect text)，但似乎没有用。

我能想到的另一种方法是将它们放在<g>内，并将事件处理程序添加到<g>。

有更有效的方法吗？

http://jbk1109.github.io/tennisMapWithPlayersListOnHover.html