1

私は現在、d3.js を使用して散布図を作成しています。これは、このリンクにあるものと非常によく似ています。

http://bost.ocks.org/mike/d3/workshop/dot-chart.html

私の問題は、y 軸の目盛りラベルを非常に長くし、それに応じて CSS で SVG 要素のパディング サイズを大きくすると、目盛りラベルの一部が Firefox 13.0.1 では切り取られますが、Safari 6.0 では切り取られないことです。

CSS では、リンクのコードにこれを追加して、SVG 要素のパディング サイズを増やしました。

svg{
    padding: 200px;
}

y 軸の目盛りラベルの長さを増やすために、これを d3 スクリプトに追加しました (yAxis 変数がインスタンス化された直後)。

yAxis.tickFormat(function(d){return "lolzReallyLongTickLabels"});

svg 要素のパディング サイズを大きくすると、Safari 6.0 では目盛りラベルが切り捨てられなくなりますが、Firefox 13.0.1 では切り捨てられません。Firefox で長い目盛りラベルが途切れないようにするにはどうすればよいですか?

4

1 に答える 1