如何限制D3条形图中的最大宽度

.bar {
  max-width: 200px;
}

// 假设数据的最大值为100
var maxValue = 100;

// 定义线性比例尺
var xScale = d3.scaleLinear()
  .domain([0, maxValue]) // 数据范围
  .range([0, 200]); // 宽度范围

// 使用比例尺设置条形图的宽度
svg.selectAll(".bar")
  .data(data)
  .enter()
  .append("rect")
  .attr("class", "bar")
  .attr("width", function(d) {
    return xScale(d.value);
  });

// 定义比例尺
var xScale = d3.scaleBand()
  .domain(data.map(function(d) { return d.category; })) // 数据范围
  .range([0, 200]) // 宽度范围
  .padding(0.1); // 条形图之间的间距

// 使用比例尺设置条形图的宽度
svg.selectAll(".bar")
  .data(data)
  .enter()
  .append("rect")
  .attr("class", "bar")
  .attr("x", function(d) {
    return xScale(d.category);
  })
  .attr("width", xScale.bandwidth());