如何添加一个简单的圆弧与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/