D3.js学习总结（六）——基本绘制（2）

弧（饼）

弧生成器d3.arc()可以生成圆形或环形的扇形。它有四个数据访问器：

• arc.innerRadius([radius])——内半径；
• arc.OuterRadius([radius])——外半径；
• startAngle([angle])——起始弧度；
• endAngle([angle])——终止弧度；

var dataset = { startAngle : 0, endAngle : Math.PI * 0.75};

// 创建一个弧生成器
var arcPath = d3.arc()
        .innerRadius(50)
        .outerRadius(100);

// 添加路径
svg.append("path")
        .attr("d", arcPath(dataset))
        .attr("transform", "translate(250,250)")
        .attr("stroke", "black")
        .attr("fill", "yellow");

Arc总是以坐标(0, 0)来进行绘制。如果需要指定位置，则使用transform属性进行平移。arc还有一些属性的设置，如下：

• arc.centroid(arguments…)——弧的中间点
  
• arc.cornerRadius([radius])——拐角的半径