d3.js径向线逆时针方向

Question

有没有办法在这个例子中逆时针绘制径向线，以便将弧线放在上半部/上半部？

http://bl.ocks.org/sjengle/5431779

Answer 1

您显然必须对示例进行一些更改才能重新排列节点，但最简单的方法是更改​​范围。

现有代码：

// scale to generate radians (just for lower-half of circle)
var radians = d3.scale.linear()
    .range([Math.PI / 2, 3 * Math.PI / 2]);

修改版本：

// scale to generate radians (just for upper-half of circle)
var radians = d3.scale.linear()
    .range([3 * Math.PI / 2, Math.PI / 2]);

Answer 2

糟糕（但有效）的解决方案：将半径设置为负值。

  

arc.radius（-xdist / 2）;