d3.time.scale()의 날짜에 X 값 매핑

Question

x 축을 통해 여러 직사각형을 그리는 d3 차트가 있습니다.

x 축은 타임 라인을 나타내며 각 데이터 포인트의 날짜를 x 축의 한 지점에 매핑하기 위해 현재 d3.time.scale을 사용합니다. 이것은 모두 똑바로 전달됩니다.

var xAxis = d3.time.scale(); 
data.forEach(function(d){ 
    d.xValue = xAxis(d.startDate); 
}); 

그런 다음 특정 xValue를 사용하여 CSS transform에서 그려냅니다.

이제 주어진 x 값 (예를 들어 사용자가 그래프를 클릭 할 때 x 값이 해당하는 날짜를 확인하려는 경우)을 기반으로 날짜를 얻으려는 경우 어떻게 찾지 못했습니까? 내가 만든 변수 xAxis을 사용하여이 작업을 수행 할 수 있습니다.

어떻게하면됩니까? 선택한 날짜를 계산하려면 xAxis.domain() 및 요소의 width을 사용해야합니까?

Answer 1

Lars Kotthoff의 답변을 주석에 넣었습니다.

d3.time.scale().invert()이 답변입니다.