d3 Pie Chart

Donut Chart, Pie Chart, 大饼图,经常用来展示部分和总体之间的关系,数据比例。

TUTORIAL

  1. 绑定数据:d3.layout.pie(),从数据算出弧的角度。padAngle(.02)设定每个pie之间的间隔角度。

  2. 设定arc大小:d3.svg.arc() 设定弧的外径,内径设置大小。
    d3 arc Original Doc

  3. 绑定数据,绑定group。

  4. 绘制path图形:在group里面进行绘制,绘制内外径填充颜色。

  5. 加上text:arcs.append(“text”)