#### 1、问题描述 使用D3画图时，需要X轴文字斜着显示，使用如下代码测试： ``` var svg = d3.select('body') .append('svg') .attr('width', 100) .attr('height', 100) .style('padding', '20px') svg.append('text') .text('文字旋转') .style('transform', 'rotate(7deg)') ``` 测试结果：在IE浏览器中没有效果。 #### 2、问题原因 IE不兼容`.style('transform', 'rotate(7deg)') `这种方式。 #### 3、解决方案 使用`attr`，并且`rotate`的参数不能加`deg`。 ``` var svg = d3.select('body') .append('svg') .attr('width', 100) .attr('height', 100) .style('padding', '20px') svg.append('text') .text('文字旋转') .attr('transform', 'rotate(7)') ```