当托管在sharepoint上时，D3工具提示位置与鼠标的偏移量

<script src="https://d3js.org/d3.v7.min.js"></script>

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

// 创建柱状图
svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
  .attr("x", function(d, i) { return xScale(i); })
  .attr("y", function(d) { return yScale(d); })
  .attr("width", xScale.bandwidth())
  .attr("height", function(d) { return height - yScale(d); })
  .on("mouseover", function(d, i) {
    // 计算鼠标指针相对于SVG容器的偏移量
    var offsetX = d3.event.offsetX;
    var offsetY = d3.event.offsetY;
    
    // 在工具提示框中显示数据
    tooltip.html("Value: " + d)
      .style("left", (offsetX + 10) + "px")
      .style("top", (offsetY + 10) + "px")
      .style("opacity", 1);
  })
  .on("mouseout", function(d) {
    // 隐藏工具提示框
    tooltip.style("opacity", 0);
  });

<div id="tooltip" style="position: absolute; opacity: 0; background-color: #fff; padding: 5px;"></div>

// 选择工具提示框元素
var tooltip = d3.select("#tooltip");