下面的代码导致d3.js中的垂直反向文本

时间:2015-08-02 09:20:58

标签: javascript d3.js

svg.append('rect')
                        .attr('width',"150%")
                        .attr('height',"130%")
                        .attr('x', '10%')
                        .attr('y', '100%')
                        .style('fill','white')
                    svg.append('text')
                        .style("fill", "black")
                        .style("font-size", "356px")
                        .attr("dy", ".35em")
                        .attr("text-anchor", "end")
                        .attr("transform", "translate(300,150) rotate(0)")
                        .text('min')

上面的代码会产生enter image description here,但我需要" min"这样请帮帮我!!!

1 个答案:

答案 0 :(得分:2)

您似乎对svg进行了转换,需要取消。将上面代码中的transform属性更改为

 ...
 .attr("transform", "translate(300,150) rotate(0) scale(1,-1)")
 ...