Microsoft Edge中SVG上的Mouseleave事件

Question

我使用d3.js v4构建了一个数据可视化，可以在Chrome，Safari和Firefox上正常运行，但（通常）遇到了Windows浏览器的问题。

基本上，当用户将鼠标从SVG圆圈移开时，mouseleave事件不会触发可视化，这意味着svg仍然会突出显示并放大。以下是代码的相关部分：

d3.selectAll("circle").on("mouseleave", hideData)

function hideData(d) {

// None of this code is working on Edge...

d3.select("#toolTip")
  .transition().style("opacity",0)

d3.select(this)
   .transition()
   .attr("r", function(){
    var radius
    if(Math.sqrt((d.Claims)/Math.PI) > 1){
        radius = Math.sqrt((d.Claims)/Math.PI)
    }
    else { radius = 1}
    return radius
   })   
   .style("fill", d => colorScale(d.Type))

    d3.selectAll("circle").style("fill", b => colorScale(b.Type))
}

有没有办法可以更改代码，以便它可以在Windows浏览器上运行？