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 раствором