2014-04-13 209 views
1

我有一個非常簡單的d3.js條形圖,看起來像這樣:簡單d3.js條形圖反轉()

http://jsfiddle.net/jTs9A/9/

但是,只要我拿出

.text(function(d) { return d; }) 

這很好!

http://jsfiddle.net/jTs9A/10/

有誰知道爲什麼第一種情況下(在那裏我有從數據列表中標記填充文本)反轉?我需要設置軸的方向嗎?

+1

這是因爲'顯示方式:直列block'行爲會根據是否有存在的文本。如果指定'vertical-align:top',則不同的默認行爲會被覆蓋,並且它們的行爲也會相同。 Google for'display:inline-block',你會發現一些描述行爲的帖子。 – FernOfTheAndes

回答