2012-12-15 35 views
5

在D3中,我怎樣才能把軸放在圖的中間或中間? documentation說「只有頂部/底部/左/右」。D3軸方向:中心

我知道我的圖形的尺寸,讓我們說這是由400像素400像素。在Protovis我用

vis.add(pv.Rule).bottom(200)

從底部放置的軸200像素向上。我如何在D3中做到這一點?

回答

4

你可以將任何你想要的方式軸。方向僅指蜱和數字放置在哪一側。

參見例如http://alignedleft.com/tutorials/d3/axes/

svg.append("g") 
.attr("class", "axis") 
.attr("transform", "translate(0," + (h - padding) + ")") 
.call(xAxis); 

您只需將參數更改爲變換即可獲取所需內容。

+1

感謝您的回答。其實我來自你已經鏈接到的教程,並嘗試在這裏:http://jsfiddle.net/8DDVN/11/。這個小提琴包含你的代碼。剛開始使用D3,並且爲了從Protovis轉到D3,我有很多需要閱讀和理解的內容,所以暫時停滯不前。你會不會,或者任何人如此善良,並且只是將x軸移動一點點?那太棒了,謝謝! – graph

+0

我能想到的最一般的事情是試圖採取「比你想象的更簡單,更容易」的態度。因爲請記住,d3始終只是簡單地將東西生成到瀏覽器的DOM中。 – tjltjl

+0

http://jsfiddle.net/gNyyp/ – tjltjl