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