2012-08-29 66 views
1

我目前正在使用一個d3.js散點圖,這實在是類似於在此鏈接:刻度標記在Firefox中被截斷13.0.1

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

我的問題是,當我使y軸的刻度標籤真的很長,並相應地增加了CSS的SVG元素的填充尺寸時,一部分刻度標籤在Firefox 13.0.1中被切斷,而在Safari 6.0中沒有。

在CSS,I通過添加這對在鏈接代碼的填充大小:

svg{ 
    padding: 200px; 
} 

爲了增加y軸的長度增加的SVG元素刻度標記,我添加這的D3的腳本(y軸變量實例化後右):

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

增加SVG元素的填充大小防止切斷刻度標記標籤的在Safari 6.0但不火狐13.0.1。如何讓Firefox中的長標記標籤不被截斷?

+0

給我們生成的SVG/HTML/CSS(說在的jsfiddle),我們也許能夠幫助更好一點。聽起來不像D3問題,更像SVG/CSS。 – Glenn

回答

0

現在你可能有你的答案。但是,如果沒有,我發現了一個頁面,似乎通過創建一個軸然後旋轉它來處理您的問題。

http://bl.ocks.org/hlvoorhees/5986172