D3.js 使用d3提示和require js模块

我一直在努力让d3技巧与browserify合作。我收到以下javascript错误：

Uncaught TypeError: Cannot read property 'show' of undefined

这是我的设置。package.json具有以下依赖项：

"d3": "3.5.17"
"d3-tip":"^0.6.7"

在我的javascript中，我有：

var d3tip = require('d3-tip')(d3);

我创建了一个提示：

var tip = d3tip();

tip.attr('class', 'd3-tip')
   .offset([-10, 0])
   .html(function(d) {
        return "Hello" ;
    });

然后，我将提示显示和隐藏附加到发生错误的条形图上：

.on('mouseover', tip.show)
.on('mouseout', tip.hide)

---

任何帮助都将不胜感激。

您需要将提示应用于选择，例如

var d3tip = require('d3-tip')(d3);

var tip = d3tip();

tip.attr('class', 'd3-tip')
   .offset([-10, 0])
   .html(function(d) {
        return "Hello" ;
    });

var selection = d3.select('.node');

selection
  .call(tip) // <=== here
  .on('mouseover', tip.show)
  .on('mouseover', tip.hide)

var d3tip=require（'d3-tip'）（d3）；
var-tip=d3tip（）；
tip.attr（'class'，'d3 tip'）
.偏移量（[-10,0]）
.html（函数（d）{
回复“你好”；
});
var selection=d3.select（'.node'）；
选择
.call（tip）//谢谢-这让我更接近了一点，但我得到了以下错误：Uncaught TypeError:无法读取数组中未定义的属性'apply'。d3_selectionPrototype.call抱歉-我的错误-提示超出了范围-正常工作了吗