javascript - D3で単純な円弧を追加する方法

Question

チャートセクションに円のような単純な円弧を1つ追加したいと思います。

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

提供されている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/