D3 축에서 눈금 및 서식 레이블을 수정하려면 어떻게해야합니까?

Question

저는 this example으로 작업하고 있지만 중복을 방지하기 위해 x 축의 형식을 지정하는 방법을 찾는 데 어려움을 겪고 있습니다. 내가 겪고있는 어려움 중 일부는 줌/팬 옵션의 브러시 때문인 것으로 생각됩니다. 8 월 레이블을 y 축과 겹치지 않도록 오른쪽으로 이동하려고합니다. 또한 브러시 라벨은 서로 완전히 겹치므로이를 수정하고 싶습니다.

x 축 코드

this.xAxisTop = d3.svg.axis().scale(this.xScale).orient("bottom"); 
this.xAxisBottom = d3.svg.axis().scale(this.xScale).orient("top"); 

브러시 코드

context.append("g") 
    .attr("class", "x brush") 
    .call(brush) 
    .selectAll("rect") 
     .attr("y",0) 
     .attr("height", contextHeight); 

내가 x 축을 선택하고 .ticks(5)를 호출하여 직접 x 축 수정 시도했지만, 모두가 않습니다 축 기능과 관련된 일련의 코드를 반환합니다.

더 일관된 설명이나 예를 포함시켜 주시면 감사하겠습니다. 감사합니다.

Answer 1

이 문제에 대해서는 우리는 커스텀 틱 포맷 함수를 작성해야합니다.

아래 링크에서 확대/축소가 해결되는 동안 동일한 문제가 발생했습니다. 아래 링크를

http://stackoverflow.com/questions/20010864/d3-axis-labels-become-too-fine-grained-when-zoomed-in 

직접

http://jsfiddle.net/BdGv5/3/ 

세 가지 정의 자바 스크립트 함수를 사용하면 귀하의 축 형식을 변경하는 데 도움이 문제를 해결에서 당신을 도와줍니다.