d3 차트의 축 틱 사이의 거리 유지

Question

d3-js를 사용하여 차트를 그리려고합니다. X 축 값을 [0.25yrs; 0.50yrs; 1yr; 2yrs; 5 yrs; 10yrs; 15yrs; 20yrs; 30 yrs; 50 yrs]으로 지정합니다. 이것은 d3의 tickValues() & tickFormat() 기능을 사용하여 수행 할 수 있습니다. 하지만 대부분의 값이이 연도에 속하기 때문에 0.25, 0.50 & 1 년 틱 사이의 특정 거리를 유지해야합니다. & 거리가 멀어 질수록 그려진 서클의 겹침이 줄어 듭니다.

내가 필요로하는 눈금 위치가 같은 것을 : 당신은 위의 이미지에서 0.01와 0.02 사이의 거리를 볼 수 있습니다

. 어떻게 할 수 있니?

Answer 1

입력 범위를이 비 균일 출력 범위에 매핑하는 사용자 지정 눈금을 구현해야합니다. 그런 다음이 축척을 축에 제공하면 그에 따라 틱을 그립니다.

원하는만큼 가까워지면 (로그 배율은 어쩌면?) D3에서 제공하는 저울을 볼 수 있지만 아무것도 찾을 수 없으면 자신 만의 방법을 구현할 수는 없습니다.