#### 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)') ```