D3折れ線グラフの凡例がv3で動作しないが、v2で動作する

Question

コード例については、以下のURLを確認してください。これはd3 2.xではうまく動作しますが、d3 3.2.2ではうまく動作しません。伝説をクリックしている間、コンソールで何らかのエラーが発生しています。

作業はV2にコピーします。http://bl.ocks.org/bobmonteverde/2070123

は、バージョン3.xで動作していない：http://jsfiddle.net/lalits2002/Q5Jag/3328/

これらはv2のバージョンではスクリプトです：

<script src="http://mbostock.github.com/d3/d3.v2.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="nvtooltip.js"></script> 
<script src="d3legend.js"></script> 
<script src="d3line.js"></script> 
<script src="d3linewithlegend.js"></script> 

Answer 1

私は正確な理由を知っているが、それはありません移行に関連する何かが変わったようだ。私は変更を加え、それは働いています。 JSFiddle

legend.dispatch.on('legendClick', function(d, i) { 
    // existing code 

    // Added this to render chart again. 
    d3.select('#test1 svg').transition(selection).call(chart); 
    // Removed following code 
    // selection.transition().call(chart) 
}); 

// similar error in legendMouseout and legendMouseover so removed both currently. 

// legend.dispatch.on('legendMouseover', function(d, i) { 
// d.hover = true; 
// selection.transition().call(chart) 
// }); 

// legend.dispatch.on('legendMouseout', function(d, i) { 
// d.hover = false; 
// selection.transition().call(chart) 
// });