如何在柱状图中包含HTML标记作为标签？

// 准备数据
var data = [
  { label: '<b>标签1</b>', value: 10 },
  { label: '<i>标签2</i>', value: 20 },
  { label: '<a href="#">标签3</a>', value: 15 }
];

// 创建SVG元素
var svg = d3.select("body")
  .append("svg")
  .attr("width", 400)
  .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; })
  .attr("width", 40)
  .attr("height", function(d) { return d.value; })
  .attr("fill", "steelblue");

// 添加HTML标记作为标签
bars.each(function(d) {
  d3.select(this)
    .append("div")
    .html(d.label)
    .style("position", "absolute")
    .style("top", function() { return (300 - d.value - 20) + "px"; })
    .style("left", function(d, i) { return (i * 50) + "px"; })
    .style("width", "40px")
    .style("text-align", "center");
});