d3-响应图不会从左上方重绘

Question

我在这里有一个演示-https://stackblitz.com/edit/ng-tootltip-fqmpv8?file=src%2Fapp%2Fbar-chart.ts

我在角度应用程序中有一个D3图表。

我希望在调整窗口大小时响应图表的宽度。

我可以捕获窗口的宽度并重新绘制条和轴。

@ViewChild('chartSvg')elementView: ElementRef;

    @HostListener('window:resize')
    onWindowResize() {

    this.w = this.elementView.nativeElement.offsetWidth;
      this.width = this.w - this.margin.left - this.margin.right;

      d3.selectAll('.bar-opacity').remove()

      d3.select('.svgCon')
        .attr("transform", "translate(" + this.margin.left + "," + this.margin.top + ")") 

      this.initScales();
      this.drawUpdate(this.data);

    }

将窗口调整为较大尺寸时，图表似乎从中心绘制，而当窗口较小时，其尺寸继续减小，但我需要保持高度为300px不变

任何人都可以看到我要去哪里或向我指出正确的方向。