Question

我一直在努力让d3-tip与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)

非常感谢任何帮助。

Answer 1

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

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)

使用d3-tip和require js模块

1 个答案: