2016-06-19 27 views
1

我正在使用類似於此處的d3和絃圖http://bl.ocks.org/AndrewRP/7468330。該設置對我來說非常適合我,但是我仍然需要顯示選定的和絃,即使在我將焦點從圖表中刪除之後。就像現在按照默認實現一樣,當我們將鼠標或焦點移出和絃圖表時,和絃圖表會重置。在d3和絃圖中禁用佈局重置對焦

做和絃衰落的函數在下面,我希望這種行爲可以從圖中鼠標移出。這當前應用於.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; 
    }); 
} 

有什麼方法或處理程序,我們可以控制這種行爲請幫助我。

回答

1

懸停效果不在它的CSS中的代碼,所以你需要在CSS的變化。

在樣式部分刪除懸停效果,所以這樣的:

#circle:hover path.fade { 
    display: none; 
    } 

將成爲這樣的:

path.fade { 
    display: none; 
    } 

工作代碼工作@Cyril here

+1

啊謝謝:) –