chapter-9 弧

var canvas = d3.select('body')
    .append('svg')
    .attr('width',500)
    .attr('height',500);

// 中心点移到100，100
var group = canvas.append('g')
    .attr('transform','translate(100,100)');
    
var r = 100;
var p = Math.PI*2;

//创建弧
var arc = d3.svg.arc()
    .innerRadius(r-20) //内圆半径
    .outerRadius(r) //外圆半径
    .startAngle(0) //起始角度
    .endAngle(p); //终止角度

//新建路径
group.append('g')
    .append('path')
    .attr('d',arc) //路径数据放在d属性中
    .attr('fill','red')