D3 sunburst图表中的数据联接

// 数据
var data = {
  "name": "A",
  "children": [
    {
      "name": "B",
      "value": 10
    },
    {
      "name": "C",
      "children": [
        {
          "name": "D",
          "value": 5
        },
        {
          "name": "E",
          "value": 8
        }
      ]
    }
  ]
};

// 转换数据为层次结构对象
var root = d3.hierarchy(data);

// 创建分区图表
var partition = d3.partition()
  .size([2 * Math.PI, root.height + 1]);

// 计算节点位置和大小
partition(root);

// 创建弧线生成器
var arc = d3.arc()
  .startAngle(function(d) { return d.x0; })
  .endAngle(function(d) { return d.x1; })
  .innerRadius(function(d) { return d.y0; })
  .outerRadius(function(d) { return d.y1; });

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

// 绘制节点和连接
svg.selectAll("path")
  .data(root.descendants())
  .enter()
  .append("path")
  .attr("d", arc)
  .style("fill", function(d) { return color(d.data.name); });