d3.js文本旋转问题,数字显示反向

时间:2015-01-28 05:20:56

标签: javascript d3.js

我使用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) + ')';
                });

enter image description here

0 个答案:

没有答案
相关问题