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