在d3中，如何在一个节点上显示多个字段？

var svg = d3.select("body")
            .append("svg")
            .attr("width", width)
            .attr("height", height);

var data = [
  { name: "Field 1", value: 10 },
  { name: "Field 2", value: 20 },
  { name: "Field 3", value: 30 }
];

var text = svg.selectAll("text")
              .data(data)
              .enter()
              .append("text")
              .attr("x", function(d, i) { return i * 100; })
              .attr("y", 50)
              .text(function(d) { return d.name + ": " + d.value; })
              .style("font-size", "12px");