Наведите курсор на выбранный путь на графике

Question

У меня есть кольцевая диаграмма, которую я хочу использовать, которая основана на этом .

Я пытаюсь создать функцию, когда пользователь наводит курсор на определенную траекторию кольцевой диаграммы, появляется цвет обводки.

Тем не менее, я пытался редактировать часть кода, но каким-то образом обработчики "mouseover" и "mouseout" игнорируются (не работают)? Я пытался исследовать Интернет, но не мог найти решение.

Ниже приведена часть кода:

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");
  });