填写两行之后C3.js工具提示被禁用（d3 svg区域）

Question

在使用d3.svg.area填充两行之间的区域后，我遇到了C3.js工具提示未被触发的问题。 Fiddel： Tooltip disabled by areas filling in between two lines

从示例中可以看出，当我们将鼠标悬停在区域外的位置时，工具提示会显示出来;但是当我们移动到该区域内的点时，将不会显示任何内容。我假设d3.svg.area一直在影响C3.js工具提示行为，但究竟是什么/在哪里呢？有没有人对此有所了解？

我还尝试将区域的z-index设置为小于直线和圆圈，但它根本没有帮助。
我添加了下面的代码并设置了断点，并且在悬停到第一点时没有被击中。

tooltip: {
format: {
        title: function(d) { 
    console.log(d); 
            return d; 
        },  
} }

感谢任何帮助。谢谢。