d3如何旋轉滑塊？

Question

對於http://bl.ocks.org/zanarmstrong/ab12887fd8882490b5ae 我想旋轉滑塊。但是，我很難旋轉手柄的路徑（它仍然在地平線上移動）。任何人都可以幫助我嗎？

Answer 1

看看這裏：http://codepen.io/anon/pen/ZQNMKB

要旋轉手柄，您需要更改路徑的「d」屬性，因此它繪製一條水平線，而不是一個垂直的。在這裏看到更多的路徑：http://www.w3schools.com/svg/svg_path.asp

原文：

handle.append("path") 
    .attr("transform", "translate(0," + height/2 + ")") 
    .attr("d", "M 0 -20 V 20") 

新：

handle.append("path") 
    .attr("transform", "translate(" + ((width/2) - 10) + ", 0)") 
    .attr("d", "M 0 -20 H 20")