在力图d3 js上添加标签

// 选择SVG元素
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 创建一个简单的柱状图
var data = [10, 20, 30, 40, 50];

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

// 添加标签
var labels = svg.selectAll("text")
  .data(data)
  .enter()
  .append("text")
  .text(function(d) { return d; })
  .attr("x", function(d, i) { return i * 50 + 10; })
  .attr("y", function(d) { return 500 - d - 5; })
  .attr("fill", "white")
  .attr("font-size", "12px");