CSS では、次のように指定します。
#label{
font-size: 11px;
fill: black;
direction: rtl;
font-weight:bold;
}
次に、スクリプトで次のように記述します。
squares.append("text").attr("id", "label").text("");
squares.select("#label").attr("x", 0).attr("y", 0).text("Hello");
Chrome では、テキストが右から左に大きくなるため、希望どおりに機能します。しかしIE9では、たとえ私が行っても、rtl方向プロパティを無視しているようです:
squares.select("#label").attr("x", 0).attr("y", 0).text("Hello").style("direction", "rtl");
これをIE9でも機能させるための助けは素晴らしいでしょう!