Javascript D3.js：条形图显示错误位置的条形图

我是D3的新手。这是一场噩梦：我不知道为什么我的酒吧字符显示酒吧移动和不正确的位置

我做错了什么

---

牵引杆功能出现错误。正确的代码是：

  drawBars(canvas, data, scales) {
    canvas
      .selectAll(".bar")
      .data(data)
      .enter()
      .append("rect")
      .attr("class", "single-bar")
      .attr("x", d => OFFSET_LEFT + scales.xScale(d.name))
      .attr("width", scales.xScale.bandwidth())
      .attr("y", d => OFFSET_TOP + scales.yScale(d.value_y))
      .attr(
        "height",
        d => HEIGHT - OFFSET_BOTTOM - OFFSET_TOP - scales.yScale(d.value_y)
      );
  }