d3.js环形图

// 数据
var data = [10, 20, 30, 40];

// 创建 SVG 容器
var svg = d3.select("body")
            .append("svg")
            .attr("width", 500)
            .attr("height", 500);

// 创建环形生成器
var arc = d3.arc()
            .innerRadius(100)
            .outerRadius(200);

// 创建饼图布局
var pie = d3.pie()(data);

// 绘制环形
svg.selectAll("path")
   .data(pie)
   .enter()
   .append("path")
   .attr("d", arc)
   .attr("fill", function(d, i) {
       return d3.schemeCategory10[i];
   });