d3.js - 이벤트 드롭에 "지금"라인을 표시하고 오른쪽에 약간의 여백을 추가하십시오

선을 그리려면 시간을 스케일에 매핑하십시오. 그런 다음 그것을 사용하면 반환 된 값을 가져옵니다. 다음과 같은 작업을 수행 할 수 있습니다.

const chart = eventDrops({ d3 });
var now = new Date()
var x = chart.scale()
d3.select('#chart')
    .append('line')
    .attr('id', 'ticker')
    .attr('y1', 0)
    .attr('y2', 100)
    .attr('x1', x(now))
    .attr('x2', x(now))
    .attr('transform', `translate(200, 0)`)
    .style('stroke-width', 2)
    .style('stroke', 'blue')
    .style('fill', 'none')

댓글에 따르면 날짜 마진을 차트의 종료 날짜에 추가 할 수 있습니다.

var maxDate = Date().today()
const chart = eventDrops({ 
     d3,
     range: {
      end: maxDate.add(1).hour()
     }
});