2

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

乾杯。

4

0 に答える 0