如何正確使用d3旋轉文字

-1

我在這裏爲我的問題做了一個jsfiddle：http://jsfiddle.net/75tuw/1/。如何正確使用d3旋轉文字

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

來源

2013-10-05 user2597749

究竟是什麼你想達到什麼樣的？現在你正在旋轉'g'元素，以便該組內的所有文本都將被旋轉。 – aug

這裏是工作fiddle：

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

來源

2013-10-06 18:24:48 Yogesh

如何正確使用d3旋轉文字

回答

相關問題