如何在d3.js路径中添加工具提示？

// 选择路径元素
var path = d3.select("path");

// 创建工具提示
var tooltip = d3.select("body")
  .append("div")
  .style("position", "absolute")
  .style("background-color", "lightgray")
  .style("padding", "5px")
  .style("border", "1px solid gray")
  .style("opacity", 0);

// 添加事件监听器
path.on("mouseover", function(d) {
  // 显示工具提示
  tooltip.style("opacity", 1)
    .html("提示内容"); // 替换为实际的提示内容
})
.on("mousemove", function() {
  // 设置工具提示位置
  tooltip.style("left", (d3.event.pageX + 10) + "px")
    .style("top", (d3.event.pageY + 10) + "px");
})
.on("mouseout", function() {
  // 隐藏工具提示
  tooltip.style("opacity", 0);
});