将鼠标悬停在图表上的选定路径上

Question

我有一个要使用的甜甜圈图，该图基于this。

我正在尝试创建一个函数，当用户将鼠标悬停在甜甜圈图的特定路径上时，将显示笔触颜色。

尽管如此，我还是尝试编辑部分代码，但是以某种方式忽略了"mouseover"和"mouseout"处理程序（不起作用）吗？我曾尝试研究Internet，但找不到解决方案。

下面是代码的一部分：

var path =
  svg.select('.slices')
  .datum(data)
  .selectAll('path')
  .data(pie)
  .enter().append('path')
  .attr('fill', function(d) {
    return colour(d.data[category]);
  })
  .attr('d', arc)
  .on('mouseover', function() {
    console.log("mouseOver");
  })
  .on('mouseout', function(d) {

    console.log("mouseOver");
  });