D3力佈局的變化表現出與滑塊

Question

鏈接我有這個D3力佈局的問題：

http://plnkr.co/edit/UJqNumlkl9rt8WGGOKYm?p=preview

我想只顯示其值等於滑塊值的鏈接。然而，它只適用於加載數據時，當我滑動滑塊它什麼都不做，我不明白爲什麼。這是改變鏈接寬度的代碼

var link = svg.selectAll(".link") 
    .data(graph.links) 
    .enter().append("line") 
    .attr("class", "link") 
    .style("stroke-width", function(d) { 
     return d.value == slider.value() ? 3 : 0; 
    }); 

有人可以幫助我嗎？

Answer 1

所以你想做什麼，只是更新鏈接作爲滑塊的值更改。

slider.on('slide', function(e,v) { 
    updateLinks(); 
}); 

function updateLinks(){ 
    svg.selectAll(".link") 
    .style("stroke-width", function(d) { 
    return d.value==slider.value() ? 3:0; 
    }); 
} 

Here與解決方案的plunker