更改D3線條樣式回到常規

Question

這個問題可能非常簡單，但由於某種原因我無法弄清楚，或者在網上找到任何有關它的信息。

我創建像這樣下面的虛線：

linkContainer.enter() 
     .append("line") 
     .style("stroke-dasharray", ("3, 3")) 
     .attr("class", "link") 
     .on("click", clickLine); 

我想要做的，是在點擊線的時候，我想改回絡繹不絕，即沒有更多的破折號。

function clickLine() { 
    d3.select(this).transition() 
    .duration(750) 
    .style("stroke", "lightsteelblue"); 
} 

是否有任何樣式功能可將線條從虛線過渡到連續？再次提前感謝。

Answer 1

對於一個轉換，我會修改stroke-dasharray的值以不再包含空位 - 第一個數字是短劃線的（相對）長度和間隙的第二個長度。因此，所有你需要做的是設置第二個數字爲0：

d3.select(this).transition() 
    .style("stroke-dasharray", "3,0"); 

完成演示here。