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")