D3:如何在圆内设置文本

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

var circle = svg.append("circle")
                .attr("cx", 200)
                .attr("cy", 200)
                .attr("r", 100)
                .style("fill", "blue");

var text = svg.append("text")
              .attr("x", 200)
              .attr("y", 200)
              .attr("text-anchor", "middle")
              .attr("alignment-baseline", "middle")
              .text("Hello, D3!");

text.style("font-size", "20px")
    .style("fill", "white");