必要なjsモジュールでd3-tipを使用する

Question

私は、d3-tipをbrowserifyで動作させるのに苦労してきました。次のjavascriptエラーが表示されます。

Uncaught TypeError: Cannot read property 'show' of undefined 

ここは私の設定です。 package.jsonには、以下の依存関係があります。

私のJavaScriptで

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

私が持っている：

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)