2012-12-15 28 views
5

, grafiğin ortasına veya ortasına nasıl bir eksen koyabilirim? documentation "sadece üst/alt/sol/sağ" diyor.d3 ekseni oryantasyonu: D3'te merkez

Grafiğimin boyutlarını biliyorum, diyelim ki 400 piksel 400 pikseldir. Protovis I aşağıdan yukarıya doğru bir eksen 200px yerleştirilmesi

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

kullanılır. Bunu D3'te nasıl yapabilirim?

cevap

4

Eksenleri istediğiniz şekilde değiştirebilirsiniz. Yön sadece, kenelerin ve sayıların hangi tarafa yerleştirildiğini belirtir.

Bkz. Ör. http://alignedleft.com/tutorials/d3/axes/

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

nereye sadece İstediğini almak için dönüştürmeye parametreyi değiştirmek gerekir. Cevabınız için teşekkürler:

+1

. Aslında buraya bağladığınız ve denediğim eğitmenlerden geldim: http://jsfiddle.net/8DDVN/11/. Bu keman kodunuzu içeriyor. D3 ile yeni başlamış olmak ve Protovis'ten D3'e geçmek için önümüzü okuyacak ve anlayacak çok şeyim olduğu için, şimdilik anıyorum. Siz, ya da kimse çok naziksiniz ve bu x eksenini biraz hareket ettirir misiniz? Bu harika olurdu, teşekkürler! – graph

+0

Düşünebildiğim en genel şey, "Düşündüğünden daha basit ve kolay" bir tavır takınmaya çalışmak. Çünkü d3'ün, tarayıcının DOM'sine çok basit şeyler oluşturması hakkında her zaman olduğunu unutmayın. – tjltjl

+0

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