如何添加一個簡單的圓弧與D3

Question

我想在圖表部分就像一個圓圈加一個簡單的弧線：

vis.append("circle") 
    .style("stroke", "gray") 
    .style("fill", "white") 
    .attr("r", 40) 
    .attr("cx", 50) 
    .attr("cy", 50); 

提供的examples of D3與數據性質的工作，但我想看到它，而不任何基礎數據。

Answer 1

D3使用弧形路徑生成器。如果你不希望數據驅動的弧只是定義了電弧發生器，並添加一些方法...

var arc = d3.svg.arc() 
    .innerRadius(50) 
    .outerRadius(70) 
    .startAngle(45 * (Math.PI/180)) //convert from degs to radians 
    .endAngle(3) //just radians 

vis.append("path") 
    .attr("d", arc) 
    .attr("transform", "translate(50,50)") 

你可以在這裏看到一個演示：http://jsfiddle.net/h9XNz/