눈금 선을 앞으로 가져 오려면 어떻게해야합니까?

Question

d3 그래프에서 어떻게 막대의 앞이나 뒤에 눈금 선을 가져올 수 있습니까? 어떤 매개 변수가 동일한 매개 변수입니까?

Sample working fiddle

틱의 코드는 다음과 같습니다 -

var yAxisGrid = yAxis.ticks(numberOfTicks) 
.tickSize(w, 0) 
.tickFormat("") 
.orient("right"); 

Answer 1

SVG에서 Z 지수 (http://www.w3schools.com/cssref/pr_pos_z-index.asp)과 비슷한 아무것도 없다.

그래서, 질문 :

매개 변수는 동일한 책임이있다? 없음 :

답이 있습니다.

이것은 말하자면, 누가 나중에 그림을 그렸는지 (캔버스에 잉크를 사용하는 실제 화가처럼) 규칙입니다.

그래서 원의 코드가 눈금 선의 코드 앞에 오도록 이동하십시오.

//create the circles 
svg.selectAll("circle") 
.data(dataset) 
.enter() 
.append("circle") 
/)... 

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

이것은 업데이트 된 바이올린 (내가 원 더 크게) : 바는 http://jsfiddle.net/e4L7sn37/