D3 180度弧度仅为90度

时间:2014-05-16 19:16:33

标签: svg d3.js

我希望这段代码可以绘制180度弧度。相反,我得到一个90度弧。

这基本上只是使用d3.svg.arc的helloworld。

http://jsfiddle.net/L9nuX/

绘制弧线的片段:

var outerArc = d3.svg.arc()
        .innerRadius(60)
        .outerRadius(70)
        .startAngle(0)
        .endAngle(Math.PI);

2 个答案:

答案 0 :(得分:1)

确实画出180度弧线,你只是看不到它。

尝试.attr('transform', 'translate(100,100)')您的speedometer选择。

答案 1 :(得分:1)

你的弧线位于左上角的中心,因此“第一”90度(从12点到3点)不在视野范围内。