我正在尝试在 d3 中使用 selectAll("text") 将字符串值数组（称为“数据”）添加到我的图表中。我希望将每个单独的数据点旋转到它所在的点，这里定义为 (i * (width/data.length) + 8, 170)。但是，它当前将整个数组集旋转为一个长字符串，第一个元素位于我设置的 (x, y) 点。如何适当地应用平移旋转来单独旋转每个元素？
new_svg.selectAll("text")
.data(data)
.enter().append("text")
.attr("x", function(d, i) {
return i * (width / data.length) + 8;
})
.attr("y", function(d) {
return 170;
})
.attr("dx", -barWidth/2)
.attr("text-anchor", "middle")
.attr("style", "font-size: 12; font-family: Garamond, sans-serif")
.text(function(d) { return d;})
.attr("transform", function(d) {
return "rotate(45)"
});