ドーナツ/アニュラス チャートの周囲にテキスト ラベルを配置しています。これは 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 も使用していることに注意してください)。
乾杯。