在Barchart D3js上添加标签文本

// 示例数据
var data = [
  { name: "柱形图1", value: 10 },
  { name: "柱形图2", value: 20 },
  { name: "柱形图3", value: 15 },
  // 其他数据...
];

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

// 绘制柱形图
var bars = svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", function(d, i) { return i * 50; })
  .attr("y", function(d) { return 300 - d.value * 10; })
  .attr("width", 40)
  .attr("height", function(d) { return d.value * 10; })
  .attr("fill", "steelblue");

// 添加标签文本
var labels = svg.selectAll("text")
  .data(data)
  .enter()
  .append("text")
  .text(function(d) { return d.value; })
  .attr("x", function(d, i) { return i * 50 + 20; })
  .attr("y", function(d) { return 300 - d.value * 10 - 5; })
  .attr("text-anchor", "middle")
  .attr("fill", "white");

// 示例结束