text - IE 9 中的 SVG 文本路径行为

Question

我在圆环图/环形图的周边放置文本标签。这在 Chrome/FF/Opera/Safari 中运行良好。但是，在 IE9 中，接近 90 度角的文本是倾斜的：

我很想知道是否有任何方法可以修改代码以使 IE9 像其他浏览器一样呈现，或者该行为是否仅仅是 IE9 的 SVG 实现所固有的。

现场示例：

http://intensional.org/test/

（最）相关的代码部分是：

var pieLabels = svg.selectAll(".pieLabel").data(readyPieData).enter().append("svg:text").attr("class", "pieLabel").attr("text-anchor", "middle").attr("dy", "-4").attr("font-size", "17px").attr("id", function(d, i) {
                    return "pieLabel-" + colourData[i].key;
                }).append("svg:textPath")
                .attr("xlink:href", function(d, i) {
                    return "#piePath-" + colourData[i].key;
                }).attr("id", function(d, i) {
                    return "pieLabelTextPath-" + colourData[i].key;
                })

（请注意，此代码也使用 D3.js）。

干杯。