在多行图表问题上在d3.js上应用工具提示

Question

尝试使用给定数据创建d3 多线图。

我还想在悬停上实施工具提示，在交叉点显示该行的数据。

我的工具提示码

var tip = d3.tip()
        .attr('class', 'd3-tip')
        .offset([-10, 0])
        .html(function(d) {
            console.log(d);
            return "<strong>Frequency:</strong> <span style='color:red'>" + d + "</span>";
        });

我的问题：

1）目前显示未定义的，它应该显示数据。

2）它应显示在交叉点。

我如何着手实现这一目标？

这是My fiddle

这是我想要实现的目标：