Javascript 如何在D3.js条形图中对齐右侧的y轴？

我想在右侧而不是左侧显示y轴。我使用属性转换将其显示在右侧，但它不起作用。我检查了DOM，发现它根本没有添加转换属性。如果我通过浏览器检查器添加“变换-平移”属性，它会起作用。我还尝试添加CSS：

const y1 = d3.scaleLinear().range([300, 0]);
y1.domain([0, 100]);
const yAxisRight = d3.axisRight(y1);

const yAxisRight_g = svgContainer.append('g')
  .attr('class', 'y axis right')
  .call(yAxisRight)
  .append('text')
  .attr('transform', 'rotate(-90)')
  .attr('transform', 'translate(600px, 0)')
  .attr('y', 6).attr('dy', '.71em');

但它确实失败了

.right {
  transform: translate(600px, 0);
}

我在添加文本并向其添加转换，但这不起作用。只需将g/group附加到容器并设置转换

const yAxisRight_g = svgContainer.append('g')
  .attr('class', 'y axis')
  .attr('transform', 'translate(' + (700) + ', 0)')
  .call(yAxisRight)
  .selectAll('text');