c3js使用指针事件更改区域颜色破坏了客户工具提示

Question

鼠标悬停时，我需要更改c3js区域的颜色，这就是我正在做的事情：

d3.selectAll(".c3-area")
            .style("pointer-events", "all")
            .on("mouseenter", function(e) {
                d3.select(this).style("opacity", 1);
            }, false)
            .on("mouseleave", function(e) {
                d3.select(this).style("opacity", 0.7);
            }, false);

现在，对于面积图，当鼠标位于不同区域上时，仅突出显示该特定区域，而当鼠标移出时，颜色将恢复。

但是，我刚刚注意到，这已禁用了工具提示功能。当鼠标悬停在该区域上时，不再有工具提示，仅当鼠标移出该区域时才会发生。

我认为这是由指针事件：所有设置引起的。但是，如果不设置，则不会触发鼠标悬停；如果将其设置为全部，则提示会损坏。

我该如何解决？

谢谢