如何使用d3正确旋转文本

Question

我在这里为我的问题做了一个小问题：http://jsfiddle.net/75tuw/1/。

g.append('text')
    .attr('x', function(d, i){ return x(i); })
    .attr('y', h + 10)
    .attr('transform','rotate(25)')
    .text(function(d){ return d.name; });

我遇到的问题是，我的图表中的所有文本都沿着相同的基线旋转，即使它们各自具有单独的x和y值。我做错了什么？

谢谢！ -evan

Answer 1

这是工作fiddle：

.attr('transform',function(d,i){
      return 'translate('+x(i)+','+(h+10)+')rotate(25)';})