我将文字标签放在甜甜圈/环形图表的周边。这在Chrome / FF / Opera / Safari中运行良好。但是,在IE9中,接近90度角的文本是倾斜的:
我很想知道是否有任何方法可以修改代码以使IE9像其他浏览器一样呈现,或者行为是否仅仅是IE9实现SVG所固有的。
实例:
(大多数)相关的代码部分是:
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)。
干杯。