La escala del eje X de mi gráfico de barras se estira y se contrae cuando acerco y alejo. Además, la escala se desborda fuera de la ruta de recorte establecida (no hay tales problemas con las barras). Intenté hacer que la escala del eje X vuelva a escalar, pero no pude hacerlo. También este es un gráfico de barras dinámico, donde se actualiza a intervalos constantes, he resuelto muchos problemas que tenía, solo me queda este. Puede alguien ayudarme con esto?

Mi código: https://plnkr.co/edit/qU5DfrAPnkFfB3sT?open=lib%2Fscript.js&preview

Función de zoom:

 const zoom = d3.zoom() zoom.scaleExtent([0.5, Infinity]) .on("zoom", ({ transform }) => { const scaleFactor = transform.k; const xOffset = transform.x; zoomGroup.attr('transform', `translate(${xOffset} 0) scale(${scaleFactor} 1)`); xAxisGroup.attr('transform', `translate(${xOffset} 260) scale(${scaleFactor} 1)`); }); svg.call(zoom);