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）;