Javascript D3js X轴标签样式向左对齐

是否有方法将X轴中的文本向左对齐？我试过使用

.attr（“文本锚定”、“中间”）

.attr（“文本锚定”、“结束”）

.attr（“文本锚定”、“开始”）

但没有效果，我也试过使用css但没有效果

这就是我的X轴的样子

这是广告x标签的部分代码

// Add X axis
var x = d3.scaleBand()
    .domain(groups)
    .range([0, width])
    .padding([0.5]);
svg.append("g")
    .attr("transform", "translate(0," + height + ")")
    .call(d3.axisBottom(x))
    .selectAll("text")
    .attr("text-anchor", "middle")
    .attr("font-size", "55px")
    .attr("y", "-7")
    .attr("x", "-45")
    .attr("transform", "rotate(-90)");

---

我不知道我是否正确理解了你的问题，但你似乎希望x轴文本离轴最近，对吗？ 如果这是一个问题，我认为你的问题与

文本锚定相关。
我建议写
.style
而不是
.attr
，这样代码看起来像这样：

.style("text-anchor", "end")

我将提供给您阅读，这样您就可以更多地了解如何修复轴问题，我希望它能有所帮助

如果不行，请告诉我