我使用d3文字绘制一些数字,并使用旋转来改变位置,但似乎它的变化超出了我的预期,如截图所示,如何让左侧数字反转,我认为它可能喜欢3D旋转,我不知道如何解决它,或者我绘制的文字是错误的。
g.selectAll('text')
.data(sumArr)
.enter()
.append('text')
.text(function(d){
return d;
})
.style('fill', '#aeaeae')
.attr('x', function(d){
console.log(d, x(d))
return x(d) + R + 10;
})
.attr('y', 12 * SCALE)
.attr('font-size', 12 * SCALE)
.attr('transform', function(d,i){
return 'rotate(' + (300/30 * i - 125) + ')';
});