Как правильно повернуть текст с помощью d3

Question

Я сделал jsfiddle для моей проблемы здесь: 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; }); 

У меня вопрос, где весь текст в моем графике, вращаясь по той же базовой, даже если каждый из них имеет свой собственный х и у значения. Что я делаю не так?

Спасибо! -evan

Answer 1

Здесь работает fiddle:

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