如何使这个D3js太阳爆发图显示所有层的数据？

// 准备数据
var data = {
  "name": "root",
  "children": [
    {
      "name": "layer1",
      "children": [
        {"name": "node1", "value": 10},
        {"name": "node2", "value": 20}
      ]
    },
    {
      "name": "layer2",
      "children": [
        {"name": "node3", "value": 15},
        {"name": "node4", "value": 25}
      ]
    }
  ]
};

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

// 创建布局
var partition = d3.partition()
  .size([2 * Math.PI, 200]);

// 创建弧生成器
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; });

// 绘制图表
var root = d3.hierarchy(data)
  .sum(function(d) { return d.value; })
  .sort(function(a, b) { return b.value - a.value; });

partition(root);
var nodes = root.descendants();

svg.selectAll("path")
  .data(nodes)
  .enter()
  .append("path")
  .attr("d", arc)
  .style("fill", function(d) { return d.data.name; });

// 显示所有层的数据
root.each(function(d) { d.value = 1; });

// 更新图表
svg.selectAll("path")
  .data(nodes)
  .transition()
  .duration(1000)
  .attr("d", arc)
  .style("fill", function(d) { return d.data.name; });