如何使用d3在图表的每个条形图中放置文本

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

var data = [10, 20, 30, 40, 50];

var bars = svg.selectAll("rect")
              .data(data)
              .enter()
              .append("rect")
              .attr("x", function(d, i) { return i * barWidth; })
              .attr("y", function(d) { return height - d; })
              .attr("width", barWidth)
              .attr("height", function(d) { return d; });

var text = svg.selectAll("text")
              .data(data)
              .enter()
              .append("text")
              .text(function(d) { return d; })
              .attr("x", function(d, i) { return i * barWidth + barWidth / 2; })
              .attr("y", function(d) { return height - d - 5; })
              .attr("text-anchor", "middle")
              .attr("fill", "white");