如何在d3.js中正确定位图例到圆环图？

// 创建图例容器
var legendContainer = d3.select("body")
  .append("div")
  .attr("class", "legend-container")
  .style("position", "absolute")
  .style("top", "20px")
  .style("left", "20px");

// 创建图例项
var legendItems = legendContainer.selectAll(".legend-item")
  .data(data)
  .enter()
  .append("div")
  .attr("class", "legend-item");

// 添加颜色示例
legendItems.append("div")
  .attr("class", "color-example")
  .style("background-color", function(d) { return d.color; });

// 添加文本说明
legendItems.append("span")
  .text(function(d) { return d.label; });

// 添加交互功能
legendItems.on("mouseover", function() {
  // 高亮相关的图表元素
})
.on("mouseout", function() {
  // 取消高亮图表元素
});