Javascript Y轴旋转错误

我有一个d3图，其中x轴刻度如下：

执行此操作的代码段如下所示

                  vis.append("svg:g")
                      .attr("class", "x axis")
                      .style({ 'stroke': 'Black', 'fill': 'none', 'stroke-width': '1px' })
                      .attr("transform", "translate(0," + (height - margin.bottom) + ")")                          
                      .call(xAxis)
                      .selectAll("text")
                      .attr("y", 0)
                      .attr("x", 9)
                      .attr("dy", "0.35em")
                      .attr("transform", "rotate(120)")
                      .style("text-anchor", "start");

问题是标签不可读。例如，“August”应该以“A”开头，而不是像我所附的图片中那样以“t”开头

我尝试更改“旋转”值，即使它没有帮助

---

有人能帮我正确定位标签吗？

不要旋转

120

，试着旋转

-40

（将

文本锚定更改为
结束
）

以下是演示：


var svg=d3.选择（“svg”）
var scale=d3.scaleBand（）
.范围（[20280]）
.domain（[“foo”、“bar”、“baz]”）；
var轴=d3.轴底（刻度）；
var gX=svg.append（“g”）
.attr（“变换”、“平移（0,50）”）
.呼叫（安讯士）
.selectAll（“文本”）
.attr（“变换”、“平移（-10,0）旋转（-40）”）
.样式（“文本锚定”、“结束”）
不要旋转
120
，尝试旋转
-40
（将
文本定位点更改为
结束
）

以下是演示：


var svg=d3.选择（“svg”）
var scale=d3.scaleBand（）
.范围（[20280]）
.domain（[“foo”、“bar”、“baz]”）；
var轴=d3.轴底（刻度）；
var gX=svg.append（“g”）
.attr（“变换”、“平移（0,50）”）
.呼叫（安讯士）
.selectAll（“文本”）
.attr（“变换”、“平移（-10,0）旋转（-40）”）
.样式（“文本锚定”、“结束”）