在D3 v5中缩放后限制轴移动

// 创建缩放函数和轴生成器
var xScale = d3.scaleLinear()
  .domain([0, 100]) // 输入数据范围
  .range([0, width]); // 输出可视范围

var xAxis = d3.axisBottom(xScale);

// 创建缩放行为
var zoom = d3.zoom()
  .scaleExtent([1, 10]) // 缩放范围
  .on("zoom", zoomed);

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

// 创建轴
var axis = svg.append("g")
  .attr("transform", "translate(0," + height / 2 + ")")
  .call(xAxis);

// 缩放行为的回调函数
function zoomed() {
  // 更新缩放函数的域
  var newXScale = d3.event.transform.rescaleX(xScale);

  // 检查缩放函数的域是否超出范围
  if (newXScale.domain()[0] < 0) {
    newXScale.domain([0, newXScale.domain()[1]]);
  }
  if (newXScale.domain()[1] > 100) {
    newXScale.domain([newXScale.domain()[0], 100]);
  }

  // 更新轴
  axis.call(d3.axisBottom(newXScale));

  // 更新其他可视化元素
  // ...
}