レイアウトを無効にすると、d3コードの図にフォーカスが当たってリセットされます

Question

私はここのようなd3コードの図を使用していますhttp://bl.ocks.org/AndrewRP/7468330。設定は私にはうまくいきますが、私はダイアグラムに焦点を当てても選択したコードを表示する必要があります。デフォルトの実装では、コードダイアグラムはマウスを動かすか、コードダイアグラムにフォーカスを合わせてリセットされます。

コードフェーディングを行う機能は以下の通りです。この動作をダイアグラムからポストマウスアウトにしたいです。これは現在.group要素に適用されています。

function mouseover(d, i) { 
    chord.classed("fade", function(p) { 
     return p.source.index != i && 
      p.target.index != i; 
    }); 

    chord.classed("show", function(p) { 
     return p.source.index == i || 
      p.target.index == i; 
    }); 
} 

この動作を制御できる方法やハンドラはありますか。私を助けてください。

Answer 1

ホバー効果はCSSのコードに含まれていないので、CSSに変更が必要です。スタイルセクションで

ホバー効果を削除するので、この：@Cyrilを働いたおかげでああ

path.fade { 
    display: none; 
    } 

作業コードhere