2012-12-15 2 views
5

(D3에 있음) 그래프의 가운데 또는 중심에 축을 넣을 수 있습니까? documentation에는 "위/아래/왼쪽/오른쪽 만"이라고 표시됩니다.d3 축 방향 : 가운데

그래프의 크기는 400px x 400px로 가정합니다. Protovis에서 나는 바닥에서 위로 축 200 픽셀을 배치

vis.add(pv.Rule).bottom(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